Fix webmanifest icon urls and Pager error messages

adsabs · Mar 27, 2024 · 1df885a · 1df885a
1 parent f7535de
commit 1df885a
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/public/dark/site.webmanifest b/public/dark/site.webmanifest
@@ -1 +1 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{"name":"","short_name":"","icons":[{"src":"/dark/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/dark/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/public/light/site.webmanifest b/public/light/site.webmanifest
@@ -1 +1 @@
-{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
+{"name":"","short_name":"","icons":[{"src":"/light/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/light/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
diff --git a/src/components/Pager/Pager.tsx b/src/components/Pager/Pager.tsx
@@ -99,7 +99,7 @@ export const Pager = (props: IPagerProps) => {
             <ChangePageButton
               direction="next"
               onClick={next}
-              wiggle={!!(!interacted && shouldWiggle && selectedPage === 0)}
+              wiggle={!!(!interacted && !!shouldWiggle && selectedPage === 0)}
             />
           </Box>
         </Flex>
@@ -113,7 +113,7 @@ export const Pager = (props: IPagerProps) => {
   );
 };
 
-const wiggle = keyframes`
+const wiggleAnim = keyframes`
   10%, 90% {
     transform: translate3d(-1px, 0, 0);
   }
@@ -131,7 +131,7 @@ const wiggle = keyframes`
   }
 `;
 const ChangePageButton = (props: ButtonProps & { direction: 'next' | 'previous'; wiggle?: boolean }) => {
-  const { direction, ...buttonProps } = props;
+  const { direction, wiggle = false, ...buttonProps } = props;
   return (
     <IconButton
       {...buttonProps}
@@ -142,8 +142,8 @@ const ChangePageButton = (props: ButtonProps & { direction: 'next' | 'previous';
       colorScheme="black"
       _hover={{ animation: 'none' }}
       _focus={{ animation: 'none' }}
-      animation={props.wiggle ? `${wiggle} 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite` : undefined}
-      animationDelay={props.wiggle ? '2s' : undefined}
+      animation={wiggle ? `${wiggleAnim} 2s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite` : undefined}
+      animationdelay={wiggle ? '2s' : undefined}
     />
   );
 };