feat: noctaIcon 로티 애니메이션 파일 추가 및 컴포넌트 생성

#218
boostcampwm-2024 · Nov 27, 2024 · 21e691b · 21e691b
1 parent a9dd5f5
commit 21e691b
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/client/src/assets/lotties/noctaIcon.json b/client/src/assets/lotties/noctaIcon.json
diff --git a/client/src/components/lotties/NoctaIcon.tsx b/client/src/components/lotties/NoctaIcon.tsx
@@ -0,0 +1,10 @@
+import { Player } from "@lottiefiles/react-lottie-player";
+import noctaIcon from "@assets/lotties/noctaIcon.json";
+
+export const NoctaIcon = ({ size = 200 }) => {
+  return (
+    <div style={{ width: size, height: size }}>
+      <Player autoplay loop src={noctaIcon} style={{ width: "100%", height: "100%" }} />
+    </div>
+  );
+};