diff --git a/app/layout.tsx b/app/layout.tsx index b2d1164..ba95ad1 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -8,8 +8,6 @@ import { HomeLandingRender } from "@/src/shared/ui/globalRender/globalRender"; import { FrameBottomNav } from "@/src/shared/ui/bottomNavigation/frameBottomNavigation"; import { ClientOnly } from "@/src/shared/ui/clientOnly/clientOnly"; - - export const metadata: Metadata = { title: "pinhouse", description: "pinhosue-fe", @@ -43,9 +41,7 @@ export default function RootLayout({ } > - -
{children}
- + {children} diff --git a/app/test/page.tsx b/app/test/page.tsx index 60128a3..e0e33bc 100644 --- a/app/test/page.tsx +++ b/app/test/page.tsx @@ -1,9 +1,11 @@ "use client"; -export default function DefaultTest() { +import EligibilityLoadingState from "@/src/features/eligibility/ui/common/eligibilityLoadingState"; +export default function DefaultTest() { return ( -
-
+
+ +
); } diff --git a/src/assets/images/eligibility/eligibilityLoadingImg.tsx b/src/assets/images/eligibility/eligibilityLoadingImg.tsx new file mode 100644 index 0000000..ca78e88 --- /dev/null +++ b/src/assets/images/eligibility/eligibilityLoadingImg.tsx @@ -0,0 +1,145 @@ +import { SVGProps } from "react"; + +export const EligibilityLoadingImg = (props: SVGProps) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ); +}; + +export default EligibilityLoadingImg; diff --git a/src/assets/images/svgFile/eligibility/eligibilityLoadingImg.svg b/src/assets/images/svgFile/eligibility/eligibilityLoadingImg.svg new file mode 100644 index 0000000..422375d --- /dev/null +++ b/src/assets/images/svgFile/eligibility/eligibilityLoadingImg.svg @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/features/eligibility/model/eligibilityConstants.ts b/src/features/eligibility/model/eligibilityConstants.ts new file mode 100644 index 0000000..e46afa0 --- /dev/null +++ b/src/features/eligibility/model/eligibilityConstants.ts @@ -0,0 +1,4 @@ +/** 자격 진단 로딩 화면 문구 */ +export const ELIGIBILITY_LOADING_TITLE = "맞춤 보고서를 작성 중이에요!"; +export const ELIGIBILITY_LOADING_SUBTITLE_LINE1 = "모두의 꿈인 내 집 마련"; +export const ELIGIBILITY_LOADING_SUBTITLE_LINE2 = "나에게 맞는 추천 집은?"; diff --git a/src/features/eligibility/model/index.ts b/src/features/eligibility/model/index.ts index ab98a8e..d8a9c22 100644 --- a/src/features/eligibility/model/index.ts +++ b/src/features/eligibility/model/index.ts @@ -1,2 +1,7 @@ export { eligibilityContentMap, ELIGIBILITY_STEPS } from "./eligibilityContentMap"; +export { + ELIGIBILITY_LOADING_SUBTITLE_LINE1, + ELIGIBILITY_LOADING_SUBTITLE_LINE2, + ELIGIBILITY_LOADING_TITLE, +} from "./eligibilityConstants"; export type { EligibilityStepContent } from "./eligibilityContentMap"; diff --git a/src/features/eligibility/ui/common/eligibilityLoadingState.tsx b/src/features/eligibility/ui/common/eligibilityLoadingState.tsx new file mode 100644 index 0000000..8e66b4b --- /dev/null +++ b/src/features/eligibility/ui/common/eligibilityLoadingState.tsx @@ -0,0 +1,28 @@ +import EligibilityLoadingImg from "@/src/assets/images/eligibility/eligibilityLoadingImg"; +import { + ELIGIBILITY_LOADING_SUBTITLE_LINE1, + ELIGIBILITY_LOADING_SUBTITLE_LINE2, + ELIGIBILITY_LOADING_TITLE, +} from "@/src/features/eligibility/model/eligibilityConstants"; + +const EligibilityLoadingState = () => { + return ( +
+
+ +
+

+ {ELIGIBILITY_LOADING_TITLE} +

+

+ {ELIGIBILITY_LOADING_SUBTITLE_LINE1} +
+ {ELIGIBILITY_LOADING_SUBTITLE_LINE2} +

+
+
+
+ ); +}; + +export default EligibilityLoadingState;