fix: set a timeout so the loader is run a minimum-runthrough everytime

Eyevinn · Apr 9, 2024 · 67b23e1 · 67b23e1
1 parent 162c5ce
commit 67b23e1
Showing 1 changed file with 8 additions and 11 deletions.
diff --git a/src/components/landing-page/productions-list.tsx b/src/components/landing-page/productions-list.tsx
@@ -5,13 +5,6 @@ import { TProduction } from "../production-line/types.ts";
 import { useGlobalState } from "../../global-state/context-provider.tsx";
 import { LoaderDots } from "../loader/loader.tsx";
 
-const Wrapper = styled.div`
-  display: flex;
-  padding: 2rem 0 2rem 2rem;
-  flex-wrap: wrap;
-  flex-direction: column;
-`;
-
 const ProductionListContainer = styled.div`
   display: flex;
   padding: 2rem 0 2rem 2rem;
@@ -78,11 +71,15 @@ export const ProductionsList = () => {
           dispatch({
             type: "PRODUCTION_LIST_FETCHED",
           });
-          setLoading(false);
+          window.setTimeout(() => {
+            setLoading(false);
+          }, 2500);
         })
         .catch(() => {
           // TODO handle error/retry
-          setLoading(false);
+          window.setTimeout(() => {
+            setLoading(false);
+          }, 2500);
         });
     }
     return () => {
@@ -91,7 +88,7 @@ export const ProductionsList = () => {
   }, [dispatch, reloadProductionList]);
 
   return (
-    <Wrapper>
+    <>
       <LoaderDots className={loading ? "active" : "in-active"} />
       <ProductionListContainer>
         {productions.map((p) => (
@@ -101,6 +98,6 @@ export const ProductionsList = () => {
           </ProductionItem>
         ))}
       </ProductionListContainer>
-    </Wrapper>
+    </>
   );
 };