fix: list button style

hirosystems · Dec 30, 2023 · 3ac6e2c · 3ac6e2c · vercel · Dec 30, 2023
1 parent 9086758
commit 3ac6e2c
Showing 1 changed file with 5 additions and 14 deletions.
diff --git a/src/common/components/ListFooter.tsx b/src/common/components/ListFooter.tsx
@@ -24,25 +24,16 @@ export const ListFooter: React.FC<SectionFooterButtonPropsBase> = ({
 }) => {
   if (href) {
     return (
-      <ExplorerLink href={href} width={'full'} mt={'auto'} variant={'secondary'}>
-        View all recent {label} <Icon as={HiMiniArrowUpRight} width={'16px'} height={'16px'} />
+      <ExplorerLink href={href} mt={'auto'}>
+        <Button variant={'secondary'} width={'full'}>
+          View all recent {label} <Icon as={HiMiniArrowUpRight} width={'16px'} height={'16px'} />
+        </Button>
       </ExplorerLink>
     );
   }
   if (fetchNextPage && hasNextPage) {
     return (
-      <Button
-        onClick={() => fetchNextPage()}
-        width={'full'}
-        bg={'bg'}
-        color={'text'}
-        fontWeight={'medium'}
-        border={'1px'}
-        mt={'auto'}
-        _hover={{
-          bg: 'buttonHoverBg',
-        }}
-      >
+      <Button variant={'secondary'} onClick={() => fetchNextPage()} width={'full'}>
         {isLoading ? 'Loading...' : `Load more ${label}`}
       </Button>
     );