aljaz/landscape-template
1
0
Fork 0
mirror of https://github.com/aljazceru/landscape-template.git synced 2026-01-03 14:34:27 +01:00
Code Issues Packages Projects Releases Wiki Activity

update: add "email" field to profile

Browse Source
This commit is contained in:
MTG2000
2022-09-06 13:39:28 +03:00
parent 70acc142e8
commit b9359bf0b2
2 changed files with 25 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/features/Profiles/pages/EditProfilePage/BasicProfileInfoTab/BasicProfileInfoTab.tsx
View File

@@ -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

9
src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
View File

@@ -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(/\/$/, ""),