Merge pull request #238 from Team-TIFY/refac/present

[refac] 온보딩 halfsuccess 애니메이션 적용
Team-TIFY · Dec 30, 2023 · 84b29f5 · 84b29f5
2 parents e01b617 + e1f62af
commit 84b29f5
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -4,7 +4,10 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <!-- <base href="https://tify-client.vercel.app/"> -->
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
+    />
     <title>TIFY</title>
   </head>
   <body>

diff --git a/src/components/atoms/GiftFilter/index.tsx b/src/components/atoms/GiftFilter/index.tsx
@@ -1,13 +1,12 @@
 import { useEffect, useState } from 'react'
-import { useRecoilState } from 'recoil'
 import styled from '@emotion/styled'
-
 import { theme } from '@styles/theme'
 import { SelectedPropsType, SelectedTagType } from '@models/favor'
 import { PropsType } from '@models/components/atoms/GiftFilter'
 import { friendState } from '@libs/store/friend'
 import { FilterIcon } from '@assets/icons/FilterIcon'
 import Svg from '../Svg'
+import { useRecoilState, useRecoilValue } from 'recoil'
 
 export const GiftFilter = ({
   selectedProps,

diff --git a/src/pages/onboarding/details/HalfSuccess.tsx b/src/pages/onboarding/details/HalfSuccess.tsx
@@ -5,6 +5,8 @@ import styled from '@emotion/styled'
 import { RoundButton } from '@components/atoms/RoundButton'
 import { onboardingPageState, onboardingState } from '@libs/store/onboard'
 import onBoardingImg from '@assets/image/onBoardingImg.png'
+import VideoBox from '@components/WeeklyQuestion/VideoBox'
+import { question } from '@utils/question'
 export function HalfSuccess() {
   const [info, setInfo] = useRecoilState(onboardingState)
   const [goNext, setGoNext] = useRecoilState(onboardingPageState)
@@ -20,9 +22,7 @@ export function HalfSuccess() {
         <Text typo="SCD_Headline_20">나의 취향 프로필을 꾸며볼까요?</Text>
       </TextDiv>
       <Spacing height={100} />
-      <div style={{ textAlign: 'center' }}>
-        <img src={onBoardingImg} alt="온보딩 이미지" width={360} height={242} />
-      </div>
+      <VideoBox category={'ME'} />
       <BottomSticker>
         <RoundButton
           variant="mediumRound"