refactor: lottie-react로 변경

sopt-makers · Oct 10, 2024 · 831615d · 831615d
1 parent 0c62fcb
commit 831615d
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 49 deletions.
diff --git a/package.json b/package.json
@@ -39,7 +39,7 @@
     "axios": "^1.6.8",
     "date-fns": "^3.6.0",
     "firebase": "^10.12.4",
-    "lottie-web": "^5.12.2",
+    "lottie-react": "^2.4.0",
     "nanoid": "^5.0.7",
     "react": "^18.2.0",
     "react-daum-postcode": "^3.1.3",

diff --git a/src/views/loadings/BigLoding/index.tsx b/src/views/loadings/BigLoding/index.tsx
@@ -1,5 +1,5 @@
 import { container, loadingText, wrapper } from './style.css';
-import Lottie from '../Lottie';
+import Lottie from 'lottie-react';
 import mainLoading from '../lotties/mainLoading.json';
 
 const BigLoading = () => {

diff --git a/src/views/loadings/ButtonLoading/index.tsx b/src/views/loadings/ButtonLoading/index.tsx
@@ -1,4 +1,4 @@
-import Lottie from '../Lottie';
+import Lottie from 'lottie-react';
 import buttonLoadingWhite from '../lotties/buttonLoadingWhite.json';
 
 const ButtonLoading = ({ width, height = 28 }: { width: number | undefined; height?: number }) => {

diff --git a/src/views/loadings/Lottie/index.tsx b/src/views/loadings/Lottie/index.tsx
diff --git a/yarn.lock b/yarn.lock
@@ -3936,7 +3936,14 @@ loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   dependencies:
     js-tokens "^3.0.0 || ^4.0.0"
 
-lottie-web@^5.12.2:
+lottie-react@^2.4.0:
+  version "2.4.0"
+  resolved "https://registry.yarnpkg.com/lottie-react/-/lottie-react-2.4.0.tgz#f7249eee2b1deee70457a2d142194fdf2456e4bd"
+  integrity sha512-pDJGj+AQlnlyHvOHFK7vLdsDcvbuqvwPZdMlJ360wrzGFurXeKPr8SiRCjLf3LrNYKANQtSsh5dz9UYQHuqx4w==
+  dependencies:
+    lottie-web "^5.10.2"
+
+lottie-web@^5.10.2:
   version "5.12.2"
   resolved "https://registry.yarnpkg.com/lottie-web/-/lottie-web-5.12.2.tgz#579ca9fe6d3fd9e352571edd3c0be162492f68e5"
   integrity sha512-uvhvYPC8kGPjXT3MyKMrL3JitEAmDMp30lVkuq/590Mw9ok6pWcFCwXJveo0t5uqYw1UREQHofD+jVpdjBv8wg==