Refactor #172: 사용자 정보 페이지에서 gist address 조회하기 (#174)

* refactor(#172): 사용자 정보 페이지에서 gist url 가져오기 * fix(#172): onboardingCarousel -> OnBoardingCarousel 로 변경하기
boostcampwm-2024 · Nov 28, 2024 · e17078e · e17078e
1 parent e77becd
commit e17078e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 13 deletions.
diff --git a/apps/frontend/src/page/index.lazy.tsx b/apps/frontend/src/page/index.lazy.tsx
@@ -2,7 +2,7 @@ import { Button, Heading } from '@froxy/design/components';
 import { createLazyFileRoute, getRouteApi } from '@tanstack/react-router';
 import { FaGithub } from 'react-icons/fa';
 import { LoginButton } from '@/widget/navigation/LoginButton';
-import { OnBoardingCarousel } from '@/widget/onboarding/OnboardingCarousel';
+import { OnBoardingCarousel } from '@/widget/onboarding/OnBoardingCarousel';
 
 const { useNavigate } = getRouteApi('/');
 

diff --git a/apps/frontend/src/widget/user/SuspenseUserInfoBox.tsx b/apps/frontend/src/widget/user/SuspenseUserInfoBox.tsx
@@ -47,7 +47,7 @@ export function SuspenseUserInfoBox() {
   };
 
   return (
-    <div className="flex items-center gap-16 w-full p-14 border-2 border-slate-200 rounded-xl shadow-sm">
+    <div className="flex items-center gap-16 w-full p-10 border-2 border-slate-200 rounded-xl shadow-sm">
       {/* TODO: 나중에 프로필 사진 부분 하나의 feature로 합치기 */}
       <img className="w-44 h-44 rounded-full" src={user.profile} alt="프로필 사진" />
       <div className="flex items-center gap-10">
@@ -76,13 +76,7 @@ export function SuspenseUserInfoBox() {
             GIST ADDRESS
           </Text>
           <Text size="3xl" className="col-span-2 font-semibold">
-            /github/gist/123
-          </Text>
-          <Text size="2xl" className="text-gray-400 font-semibold">
-            TOTAL LOTUS
-          </Text>
-          <Text size="3xl" className="col-span-2 font-semibold">
-            12
+            {user.gistUrl}
           </Text>
         </div>
       </div>
@@ -92,16 +86,14 @@ export function SuspenseUserInfoBox() {
 
 function SkeletonUserInfoBox() {
   return (
-    <div className="flex items-center gap-16 w-full p-14 border-2 border-slate-200 rounded-xl shadow-sm">
+    <div className="flex items-center gap-16 w-full p-10 border-2 border-slate-200 rounded-xl shadow-sm">
       <Skeleton className="w-44 h-44 rounded-full" />
       <div className="flex items-center gap-10">
         <div className="grid grid-cols-3 items-end gap-5">
           <Skeleton className="min-w-64 h-6" />
           <Skeleton className="col-span-2 h-10 w-full" />
           <Skeleton className="h-6" />
           <Skeleton className="col-span-2 h-10 w-full" />
-          <Skeleton className="h-6" />
-          <Skeleton className="col-span-2 h-10 w-full" />
         </div>
       </div>
     </div>
@@ -126,7 +118,7 @@ function ErrorUserInfoBox({ error, retry }: ErrorProps) {
   };
 
   return (
-    <div className="w-full h-full flex flex-col justify-center items-center p-14 border-2 border-slate-200 rounded-xl shadow-sm">
+    <div className="w-full h-full flex flex-col justify-center items-center p-10 border-2 border-slate-200 rounded-xl shadow-sm">
       <DotLottieReact src="/json/errorAnimation.json" loop autoplay className="w-96" />
       <Heading className="py-4">사용자 정보 조회에 실패했습니다.</Heading>
       <Button onClick={handleRetry}>재시도</Button>