Merge pull request #9 from ananjaemin/8-filelist-loading-timeout-설정

feat: Loading Timeout 추가(2ms)
tempfiles-team · Oct 27, 2022 · 26d7641 · 26d7641
2 parents 3d75ac7 + 7b43f46
commit 26d7641
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git 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
@@ -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 {