From 7b43f4664832f237514c22701bbeebd2c187481f Mon Sep 17 00:00:00 2001 From: anjaemin Date: Thu, 27 Oct 2022 11:24:46 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20Loading=20Timeout=20=EC=B6=94=EA=B0=80(?= =?UTF-8?q?2ms)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/filelist/index.tsx | 4 +++- src/pages/filelist/styled.ts | 2 +- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/pages/filelist/index.tsx b/src/pages/filelist/index.tsx index 1b17254..b923d65 100644 --- a/src/pages/filelist/index.tsx +++ b/src/pages/filelist/index.tsx @@ -16,7 +16,9 @@ export const FileListPage: React.FC = () => { }) .then((res) => { setFileList(res.data.list); - setLoading(true); //loading 확인하고싶으면 false로 바꿔주세요. + setTimeout(() => { + setLoading(true); //loading 확인하고싶으면 false로 바꿔주세요. + }, 2000); }) .catch((err) => { console.log(err); diff --git a/src/pages/filelist/styled.ts b/src/pages/filelist/styled.ts index aba5772..77f8d8e 100644 --- a/src/pages/filelist/styled.ts +++ b/src/pages/filelist/styled.ts @@ -31,7 +31,7 @@ export const FileListSkeletonUI = styled.div<{ randomWitdh: string }>` content: ' '; width: 100%; height: auto; - animation: loading 2.5s infinite; + animation: loading 2s infinite; box-shadow: 0 0 30px 30px rgba(255, 255, 255, 0.3); } @keyframes loading {