diff --git a/src/pages/EditProfile.tsx b/src/pages/EditProfile.tsx index e7a3dba..219e04f 100644 --- a/src/pages/EditProfile.tsx +++ b/src/pages/EditProfile.tsx @@ -1,4 +1,4 @@ -import React, {FC} from 'react'; +import React, {FC, useState} from 'react'; import {Link} from 'react-router-dom'; import Routes from '../constants/routes'; // Style @@ -33,6 +33,7 @@ interface InitFormData { * Form to update dev's personal information. */ const EditProfile: FC = () => { + const [showLinks, setShowLinks] = useState(false); const initFormData = { status: '', company: '', @@ -70,6 +71,8 @@ const EditProfile: FC = () => { e.preventDefault(); console.log('Submitted'); }; + + const revealSocialLinks = () => setShowLinks(true); return (
{
- Optional
-
- - -
+ {showLinks && ( + <> +
+ + +
-
- - -
+
+ + +
-
- - -
+
+ + +
-
- - -
+
+ + +
-
- - -
+
+ + +
+ + )}