From ee5537bc806f8e1531a82723b9f010d2488698ff Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 6 Sep 2022 13:41:42 +0300
Subject: [PATCH 1/2] update: email text

---
 .../ConnectToMakerModal.tsx                   | 88 +++++++++++++++++++
 1 file changed, 88 insertions(+)
 create mode 100644 src/features/Tournaments/pages/MakersPage/ConnectToMakerModal/ConnectToMakerModal.tsx

diff --git a/src/features/Tournaments/pages/MakersPage/ConnectToMakerModal/ConnectToMakerModal.tsx b/src/features/Tournaments/pages/MakersPage/ConnectToMakerModal/ConnectToMakerModal.tsx
new file mode 100644
index 0000000..ff10ea2
--- /dev/null
+++ b/src/features/Tournaments/pages/MakersPage/ConnectToMakerModal/ConnectToMakerModal.tsx
@@ -0,0 +1,88 @@
+import { motion } from 'framer-motion'
+import { ModalCard, modalCardVariants } from 'src/Components/Modals/ModalsContainer/ModalsContainer'
+import { FiGithub, FiLinkedin, FiMail, FiTwitter } from "react-icons/fi";
+import { IoClose } from 'react-icons/io5';
+import { GetMakersInTournamentQuery } from 'src/graphql';
+import Avatar from 'src/features/Profiles/Components/Avatar/Avatar';
+import { withHttp } from 'src/utils/helperFunctions';
+
+
+interface Props extends ModalCard {
+    maker: GetMakersInTournamentQuery['getMakersInTournament']['makers'][number]
+}
+
+export default function LinkingAccountModal({ onClose, direction, maker, ...props }: Props) {
+
+
+    const links = [
+        {
+            hasValue: maker.email,
+            text: maker.email?.replace(/(^\w+:|^)\/\//, '').replace(/\/$/, ""),
+            icon: FiMail,
+            colors: "bg-violet-100 text-violet-900",
+            url: maker.email && `mailto:${maker.email}`
+        },
+        {
+            hasValue: maker.twitter,
+            text: maker.twitter,
+            icon: FiTwitter,
+            colors: "bg-blue-100 text-blue-500",
+            url: `https://twitter.com/@${maker.twitter}`
+        },
+        {
+            hasValue: maker.github,
+            text: maker.github,
+            icon: FiGithub,
+            colors: "bg-pink-100 text-pink-600",
+            url: `https://github.com/${maker.github}`
+        },
+        {
+            hasValue: maker.linkedin,
+            text: "LinkedIn",
+            icon: FiLinkedin,
+            colors: "bg-sky-100 text-cyan-600",
+            url: maker.linkedin && withHttp(maker.linkedin),
+        }
+    ];
+
+
+    return (
+        <motion.div
+            custom={direction}
+            variants={modalCardVariants}
+            initial='initial'
+            animate="animate"
+            exit='exit'
+            className="modal-card max-w-[442px] rounded-xl relative"
+        >
+            <div className="p-24">
+                <IoClose className='absolute text-body2 top-24 right-24 hover:cursor-pointer' onClick={onClose} />
+                <h2 className='text-h5 font-bold text-center'>Send team request 🤝</h2>
+            </div>
+            <hr className="bg-gray-200" />
+            <div className='flex flex-col justify-center gap-24 items-center text-center p-24'>
+                <Avatar src={maker.avatar} width={80} />
+                <div className="flex flex-col gap-4">
+                    <p className="text-body3 text-gray-900">{maker.name}</p>
+                    <p className="text-body4 text-gray-600">{maker.jobTitle}</p>
+                </div>
+
+                <p className="text-gray-600">Team up with this maker by sending them a message on one of the following platforms.</p>
+                <div className="flex gap-24 justify-center">
+                    {links.filter(link => link.hasValue).map((link, idx) =>
+                        <a
+                            key={idx}
+                            href={link.url!}
+                            className={`w-40 aspect-square rounded-full flex justify-center items-center ${link.colors}`}
+                            target='_blank'
+                            rel="noreferrer">
+                            <link.icon className="scale-125" />
+                        </a>)}
+                </div>
+            </div>
+        </motion.div>
+    )
+}
+
+
+

From ed21e21359bce17fd6adaea1b3baefdae5dc3d14 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Tue, 6 Sep 2022 13:42:10 +0300
Subject: [PATCH 2/2] update: email regex

---
 src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx b/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
index 6f87f17..70fbc0d 100644
--- a/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
+++ b/src/features/Profiles/pages/ProfilePage/AboutCard/AboutCard.tsx
@@ -27,7 +27,7 @@ export default function AboutCard({ user, isOwner }: Props) {
     const links = [
         {
             hasValue: user.email,
-            text: user.email?.replace(/(^\w+:|^)\/\//, '').replace(/\/$/, ""),
+            text: user.email,
             icon: FiMail,
             colors: "bg-violet-100 text-violet-900",
             url: user.email && `mailto:${user.email}`