splash 변경

src/widgets/pull-to-refresh/refreshing-loading.tsx

@@ -1,27 +0,0 @@
-import { CSSProperties, useState } from 'react';
-import { FadeLoader } from 'react-spinners';
-
-const override: CSSProperties = {
-  position: 'fixed',
-  display: 'block',
-  margin: '0 auto',
-  top: '50%',
-  left: '50%',
-  zIndex: 2000
-};
-export const RefreshingLoading = () => {
-  let [loading, setLoading] = useState<boolean>(false);
-  let [color, setColor] = useState<string>('#0b0606');
-
-  return (
-    <>
-      <FadeLoader
-        color={color}
-        loading={loading}
-        cssOverride={override}
-        aria-label="Loading Spinner"
-        data-testid="loader"
-      />
-    </>
-  );
-};

src/widgets/splash/splash.tsx

@@ -1,17 +1,25 @@
-import intro from '@/shared/ui/assets/img/lottie/intro.json';
+import { CSSProperties, useState } from 'react';
-import { Player } from '@lottiefiles/react-lottie-player';
+import { FadeLoader } from 'react-spinners';
 
+const override: CSSProperties = {
+  position: 'fixed',
+  display: 'block',
+  margin: '0 auto',
+  top: '50%',
+  left: '50%',
+  zIndex: 2000
+};
 export const Splash = () => {
+  let [loading, setLoading] = useState<boolean>(true);
+  let [color, setColor] = useState<string>('#0b0606');
+
   return (
-    <div className="intro">
+    <FadeLoader
-      <Player
+      color={color}
-        src={intro}
+      loading={loading}
-        background="transparent"
+      cssOverride={override}
-        style={{ width: '150px', height: '150px' }}
+      aria-label="Loading Spinner"
-        autoplay={true}
+      data-testid="loader"
-        speed={1}
+    />
-        loop
-      />
-    </div>
   );
 };