update

web/src/pages/github-campaign/_components/ClaimForm.tsx

@@ -99,10 +99,14 @@ function Checking () {
 }
 
 function ClaimedThisSession ({ check }: { check: Check }) {
+  const { user } = useResponsiveAuth0();
+
   return (
     <>
       {successIcon}
       <ClaimContent>
+        Hi <em>{user?.nickname ?? user?.name}</em>
+        <br />
         Successfully claimed {check.credits} credits, you can go to
         <br />
         TiDB Cloud to check it out and use it.
@@ -112,11 +116,16 @@ function ClaimedThisSession ({ check }: { check: Check }) {
 }
 
 function Claimed () {
+  const { user } = useResponsiveAuth0();
+
   return (
     <>
       {successIcon}
       <ClaimContent>
+        Hi <em>{user?.nickname ?? user?.name}</em>
+        <br />
         You&#39;ve already participated in this campaign. Thanks for being an open-source hero.
+        <br />
         Ready to build something amazing?
       </ClaimContent>
       <Button sx={{ mt: 2, px: 8 }} color="primary" variant="outlined">Start Building with TiDB Cloud!</Button>
@@ -145,11 +154,16 @@ function NotEligible ({ tenants }: { tenants: Tenant[] }) {
 }
 
 function NotEligibleNoTenant () {
+  const { user } = useResponsiveAuth0();
+
   return (
     <>
       {badIcon}
       <ClaimContent>
+        Hi <em>{user?.nickname ?? user?.name}</em>
+        <br />
         Want to try TiDB Serverless for free?
+        <br />
         Create a new TiDB Cloud account and enjoy 25GB of free storage to start building your applications.
       </ClaimContent>
       <Button sx={{ mt: 2, px: 8 }} color="primary" variant="outlined">Create TiDB Cloud Account</Button>