feat: LoadingをNextUIに依存しないように #161

TeamBlackCrystal · Aug 27, 2022 · 0bd76d8 · 0bd76d8
1 parent 3427695
commit 0bd76d8
Showing 1 changed file with 5 additions and 9 deletions.
diff --git a/src/components/Loading.tsx b/src/components/Loading.tsx
@@ -1,6 +1,6 @@
-import { Image, Loading as NextUILoading } from "@nextui-org/react";
 import { FC } from "react";
-import ayuskeyIcon from "../assets/images/ayuskey.webp"
+import { ImpulseSpinner } from "react-spinners-kit";
+import ayuskeyIcon from "../assets/images/ayuskey.webp";
 
 export const Loading: FC = () => {
 	return (
@@ -14,14 +14,10 @@ export const Loading: FC = () => {
 			}}
 		>
 			<div style={{ textAlign: "center" }}>
-				<div>
-					<img
-						src={ayuskeyIcon}
-						alt="ayuskey"
-						height="70px"
-					/>
+				<div><img src={ayuskeyIcon} alt="ayuskey" height="70px" /></div>
+				<div style={{ display: "flex", justifyContent: "center" }}>
+					<ImpulseSpinner />
 				</div>
-				<NextUILoading type="points-opacity" />
 			</div>
 		</div>
 	);