Creating component for sharing URL fo the profile page

src/components/Profile/Header/Share.module.css

@@ -0,0 +1,3 @@
+.share {
+  padding: 10px;
+}

src/components/Profile/Header/Share.tsx

@@ -0,0 +1,20 @@
+import React, { ReactElement } from 'react'
+import styles from './Share.module.css'
+import Button from '@shared/atoms/Button'
+
+export default function Share({
+  accountId
+}: {
+  accountId: string
+}): ReactElement {
+  function copyLink() {
+    navigator.clipboard.writeText(window.location.href + '/' + accountId)
+  }
+  return (
+    <div className={styles.share}>
+      <Button className={styles.button} onClick={copyLink} style="text">
+        Share
+      </Button>
+    </div>
+  )
+}

src/components/Profile/Header/index.tsx

@@ -5,6 +5,7 @@ import Stats from './Stats'
 import Account from './Account'
 import styles from './index.module.css'
 import { useProfile } from '@context/Profile'
+import Share from './Share'
 
 const isDescriptionTextClamped = () => {
   const el = document.getElementById('description')
@@ -35,6 +36,7 @@ export default function AccountHeader({
     <div className={styles.grid}>
       <div>
         <Account accountId={accountId} />
+        <Share accountId={accountId} />
         <Stats accountId={accountId} />
       </div>