From f76ce82c7834bf0ca72a0662ae7cf59d8fb8ea0e Mon Sep 17 00:00:00 2001
From: ttang <ttang@ttang-MacBook-Pro-2021.local>
Date: Thu, 8 Feb 2024 21:35:16 +0800
Subject: [PATCH] feat: obarding with type

---
 apps/u3/src/components/layout/Index.tsx  | 53 ++++++++++++------------
 apps/u3/src/components/onboard/Claim.tsx | 12 ++++--
 2 files changed, 35 insertions(+), 30 deletions(-)

diff --git a/apps/u3/src/components/layout/Index.tsx b/apps/u3/src/components/layout/Index.tsx
index 41df61ab..d2abfb5f 100644
--- a/apps/u3/src/components/layout/Index.tsx
+++ b/apps/u3/src/components/layout/Index.tsx
@@ -32,34 +32,33 @@ function Layout() {
 
   return (
     <LayoutWrapper id="layout-wrapper">
-      {(claim === 'true' && <ClaimOnboard />) || (
-        <>
-          {ready ? isMobile ? <MobileHeader /> : <Menu /> : null}
-          {ready && isMobile ? <MobileNav /> : null}
-          {isMobile ? (
-            <MobileContentBox>
-              <Main />
-              <div className="fixed right-[20px] bottom-[80px]">
-                <AddPostMobile />
-              </div>
-            </MobileContentBox>
-          ) : (
-            <RightBox>
-              <RightInner id="layout-main-wrapper">
-                {location.pathname.includes('social') ? (
+      <>
+        {ready ? isMobile ? <MobileHeader /> : <Menu /> : null}
+        {ready && isMobile ? <MobileNav /> : null}
+        {isMobile ? (
+          <MobileContentBox>
+            <Main />
+            <div className="fixed right-[20px] bottom-[80px]">
+              <AddPostMobile />
+            </div>
+          </MobileContentBox>
+        ) : (
+          <RightBox>
+            <RightInner id="layout-main-wrapper">
+              {location.pathname.includes('social') ? (
+                <Main />
+              ) : (
+                <MainBox className="main-box">
                   <Main />
-                ) : (
-                  <MainBox className="main-box">
-                    <Main />
-                  </MainBox>
-                )}
-              </RightInner>
-              <DappMenu />
-            </RightBox>
-          )}
-          <MobileGuide />
-        </>
-      )}
+                </MainBox>
+              )}
+            </RightInner>
+            <DappMenu />
+          </RightBox>
+        )}
+        <MobileGuide />
+        {claim === 'true' && <ClaimOnboard />}
+      </>
       <ToastContainer
         position="top-right"
         autoClose={3000}
diff --git a/apps/u3/src/components/onboard/Claim.tsx b/apps/u3/src/components/onboard/Claim.tsx
index 9d7b7ca0..220d1352 100644
--- a/apps/u3/src/components/onboard/Claim.tsx
+++ b/apps/u3/src/components/onboard/Claim.tsx
@@ -23,8 +23,14 @@ export default function ClaimOnboard() {
   } = useFarcasterCtx();
   const { address } = useAccount();
 
+  const type = searchParams.get('type');
+
   const claimAction = useCallback(async () => {
     console.log('claimAction', claimStatus);
+    if (type !== 'spin') {
+      navigate('/');
+      return;
+    }
     if (claimStatus.statusCode === 102) {
       navigate('/');
       return;
@@ -42,10 +48,10 @@ export default function ClaimOnboard() {
     } catch (e) {
       console.error(e);
     }
-  }, [currFid, claimStatus, navigate]);
+  }, [currFid, claimStatus, navigate, type]);
 
   return (
-    <div className="w-screen h-screen flex justify-center items-center">
+    <div className="absolute z-20 top-0 left-0 bg-[#14171A] w-screen h-screen flex justify-center items-center">
       <div className="w-full md:w-[840px] text-white">
         <div className="flex items-center justify-center mb-7 md:mb-0">
           <span className="hidden md:inline-block text-[80px]">🎉</span>
@@ -66,7 +72,7 @@ export default function ClaimOnboard() {
         </div>
         <div
           className={cn(
-            ' border rounded-2xl border-[#39424C]',
+            ' border rounded-2xl border-[#39424C] bg-[#1B1E23]',
             'p-5 flex flex-col gap-8 text-white',
             'm-2 md:w-full'
           )}