From b9359bf0b27ea305883dfa8547357deabffd9f49 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 6 Sep 2022 13:39:28 +0300
Subject: [PATCH] update: add "email" field to profile

---
 .../BasicProfileInfoTab.tsx                   | 19 +++++++++++++++++--
 .../pages/ProfilePage/AboutCard/AboutCard.tsx |  9 ++++++++-
 2 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/src/features/Profiles/pages/EditProfilePage/BasicProfileInfoTab/BasicProfileInfoTab.tsx b/src/features/Profiles/pages/EditProfilePage/BasicProfileInfoTab/BasicProfileInfoTab.tsx
index 0d31d32..5b5e277 100644
--- a/src/features/Profiles/pages/EditProfilePage/BasicProfileInfoTab/BasicProfileInfoTab.tsx
+++ b/src/features/Profiles/pages/EditProfilePage/BasicProfileInfoTab/BasicProfileInfoTab.tsx
@@ -206,6 +206,21 @@ export default function BasicProfileInfoTab() {
                         {errors.location && <p className="input-error">
                             {errors.location.message}
                         </p>}
+                        <p className="text-body5 mt-16 font-medium">
+                            Email
+                        </p>
+                        <div className="input-wrapper mt-8 relative">
+                            <input
+
+                                type='text'
+                                className="input-text"
+                                placeholder="johndoe@gmail.com"
+                                {...register("email")}
+                            />
+                        </div>
+                        {errors.website && <p className="input-error">
+                            {errors.website.message}
+                        </p>}
                         <p className="text-body5 mt-16 font-medium">
                             Website
                         </p>
@@ -222,7 +237,7 @@ export default function BasicProfileInfoTab() {
                             {errors.website.message}
                         </p>}
                         <p className="text-body5 mt-16 font-medium">
-                            Twitter
+                            Twitter handle
                         </p>
                         <div className="input-wrapper mt-8 relative">
                             <input
@@ -237,7 +252,7 @@ export default function BasicProfileInfoTab() {
                             {errors.twitter.message}
                         </p>}
                         <p className="text-body5 mt-16 font-medium">
-                            Github
+                            Github username
                         </p>
                         <div className="input-wrapper mt-8 relative">
                             <input
diff --git a/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx b/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
index c995476..6f87f17 100644
--- a/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
+++ b/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
@@ -1,7 +1,7 @@
 import Avatar from "src/features/Profiles/Components/Avatar/Avatar"
 import { User } from "src/graphql"
 import { trimText, withHttp } from "src/utils/helperFunctions"
-import { FiGithub, FiGlobe, FiLinkedin, FiTwitter } from 'react-icons/fi'
+import { FiGithub, FiGlobe, FiLinkedin, FiMail, FiTwitter } from 'react-icons/fi'
 import Button from "src/Components/Button/Button";
 import Card from "src/Components/Card/Card";
 
@@ -25,6 +25,13 @@ interface Props {
 export default function AboutCard({ user, isOwner }: Props) {
 
     const links = [
+        {
+            hasValue: user.email,
+            text: user.email?.replace(/(^\w+:|^)\/\//, '').replace(/\/$/, ""),
+            icon: FiMail,
+            colors: "bg-violet-100 text-violet-900",
+            url: user.email && `mailto:${user.email}`
+        },
         {
             hasValue: user.website,
             text: user.website?.replace(/(^\w+:|^)\/\//, '').replace(/\/$/, ""),