From 33f1e8d70ace1ec9fdf593c45bcef3edb4a757ef Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Tue, 20 Dec 2022 04:11:42 -0800
Subject: [PATCH] Fix skeleton animation loop

---
 src/renderer/components/skeleton/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/skeleton/index.tsx b/src/renderer/components/skeleton/index.tsx
index 0a74730b..4b2057b2 100644
--- a/src/renderer/components/skeleton/index.tsx
+++ b/src/renderer/components/skeleton/index.tsx
@@ -29,11 +29,17 @@ const StyledSkeleton = styled(MantineSkeleton)`
     animation-name: run;
     animation-duration: 1.5s;
     animation-timing-function: linear;
+    animation-iteration-count: infinite;
     content: '';
     inset: 0;
   }
 `;
 
 export const Skeleton = ({ ...props }: MantineSkeletonProps) => {
-  return <StyledSkeleton {...props} />;
+  return (
+    <StyledSkeleton
+      animate={false}
+      {...props}
+    />
+  );
 };