From 0bd76d8cff7002fc714255c469bd52537bc3659a Mon Sep 17 00:00:00 2001
From: yupix <yupi0982@outlook.jp>
Date: Sat, 27 Aug 2022 17:23:39 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20Loading=E3=82=92NextUI=E3=81=AB?=
 =?UTF-8?q?=E4=BE=9D=E5=AD=98=E3=81=97=E3=81=AA=E3=81=84=E3=82=88=E3=81=86?=
 =?UTF-8?q?=E3=81=AB=20#161?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Loading.tsx | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/components/Loading.tsx b/src/components/Loading.tsx
index 4ff981e..4a4dc5b 100644
--- 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>
 	);