feat: link github username (#22)

nation3 · Sep 19, 2023 · 796d0dd · 796d0dd
1 parent 933cf48
commit 796d0dd
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/ProfileDetailsGitHub.tsx b/src/components/ProfileDetailsGitHub.tsx
@@ -29,8 +29,8 @@ export default function ProfileDetailsGitHub({ address }: any) {
             return (
                 <>
                     <code>Not linked</code>
-                    <Link className="ml-4 font-bold text-transparent bg-clip-text bg-gradient-to-br from-sky-400 to-green-400" href={`https://etherscan.io/address/0xb989c0c17a3bce679d7586d9e55b6eab11c18687#writeContract#F1`}>
-                        Update ↗
+                    <Link target="_blank" className="ml-8 font-bold text-transparent bg-clip-text bg-gradient-to-br from-sky-400 to-green-400" href={`https://etherscan.io/address/0xb989c0c17a3bce679d7586d9e55b6eab11c18687#writeContract#F1`}>
+                        Link 🔗
                     </Link>
                 </>
             )

diff --git a/src/pages/[passportId].tsx b/src/pages/[passportId].tsx
@@ -14,6 +14,7 @@ import dynamic from 'next/dynamic'
 import VeNationLockDetails from '@/components/VeNationLockDetails'
 import ProfileDetailsGitHub from '@/components/ProfileDetailsGitHub'
 import Link from 'next/link'
+import Head from 'next/head'
 const Chart = dynamic(() => import('react-apexcharts'), { ssr: false })
 
 export default function ProfilePage({ citizen, nationCred, veNation, dework, sourceCred }: any) {
@@ -23,6 +24,13 @@ export default function ProfilePage({ citizen, nationCred, veNation, dework, sou
 
   return (
     <>
+      {!router.isFallback && (
+        <Head>
+          <title>Nation3 Citizen #{citizen.passportId}</title>
+          <meta property="og:image" content={`https://cdn.stamp.fyi/avatar/eth:${citizen.ownerAddress}?s=288`} />
+        </Head>
+      )}
+
       <main className='flex-column lg:flex'>
         <Menu />