From 72a7738602bc5057679e4f716be1624efa861700 Mon Sep 17 00:00:00 2001
From: "focp212@naver.com" <focp212@naver.com>
Date: Tue, 18 Nov 2025 14:17:09 +0900
Subject: [PATCH] =?UTF-8?q?splash=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pull-to-refresh/refreshing-loading.tsx    | 27 ----------------
 src/widgets/splash/splash.tsx                 | 32 ++++++++++++-------
 2 files changed, 20 insertions(+), 39 deletions(-)
 delete mode 100644 src/widgets/pull-to-refresh/refreshing-loading.tsx

diff --git a/src/widgets/pull-to-refresh/refreshing-loading.tsx b/src/widgets/pull-to-refresh/refreshing-loading.tsx
deleted file mode 100644
index 40c17aa..0000000
--- a/src/widgets/pull-to-refresh/refreshing-loading.tsx
+++ /dev/null
@@ -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"
-      />
-    </>
-  );
-};
\ No newline at end of file
diff --git a/src/widgets/splash/splash.tsx b/src/widgets/splash/splash.tsx
index 287f2df..c5ebe20 100644
--- a/src/widgets/splash/splash.tsx
+++ b/src/widgets/splash/splash.tsx
@@ -1,17 +1,25 @@
-import intro from '@/shared/ui/assets/img/lottie/intro.json';
-import { Player } from '@lottiefiles/react-lottie-player';
+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 Splash = () => {
+  let [loading, setLoading] = useState<boolean>(true);
+  let [color, setColor] = useState<string>('#0b0606');
+
   return (
-    <div className="intro">
-      <Player
-        src={intro}
-        background="transparent"
-        style={{ width: '150px', height: '150px' }}
-        autoplay={true}
-        speed={1}
-        loop
-      />
-    </div>
+    <FadeLoader
+      color={color}
+      loading={loading}
+      cssOverride={override}
+      aria-label="Loading Spinner"
+      data-testid="loader"
+    />
   );
 };