From 98ee33671f19287b39bda6e6bef02adaf206ce43 Mon Sep 17 00:00:00 2001
From: katty barroso <kattybarroso1321@gmail.com>
Date: Mon, 28 Oct 2024 10:10:29 +0100
Subject: [PATCH] Fix view all button

---
 .../src/components/IssuerSection.tsx          | 23 +++++++++----------
 1 file changed, 11 insertions(+), 12 deletions(-)

diff --git a/centrifuge-app/src/components/IssuerSection.tsx b/centrifuge-app/src/components/IssuerSection.tsx
index ba2d85c7ec..edf56bc067 100644
--- a/centrifuge-app/src/components/IssuerSection.tsx
+++ b/centrifuge-app/src/components/IssuerSection.tsx
@@ -28,6 +28,10 @@ type IssuerSectionProps = {
   metadata: Partial<PoolMetadata> | undefined
 }
 
+const ButtonSections = styled(RouterTextLink)`
+  text-decoration: unset;
+`
+
 const StyledBox = styled(Box)`
   padding: 24px;
   &:hover {
@@ -36,7 +40,10 @@ const StyledBox = styled(Box)`
   }
 `
 
-const HoverBox = styled(StyledBox)`
+const StyledRouterTextLink = styled(RouterTextLink)`
+  color: white;
+  text-decoration: unset;
+  font-size: 14px;
   padding: 8px 22px;
   background-color: ${SUBTLE_GRAY};
   border: 3px solid transparent;
@@ -45,12 +52,6 @@ const HoverBox = styled(StyledBox)`
     border-radius: 4px;
     border-color: #91969b1a;
   }
-`
-
-const StyledRouterTextLink = styled(RouterTextLink)`
-  color: white;
-  text-decoration: unset;
-  font-size: 14px;
   :active {
     color: white;
   }
@@ -98,14 +99,12 @@ export function ReportDetails({ metadata }: IssuerSectionProps) {
         <Text color="white" variant="heading4">
           Reports
         </Text>
-        <HoverBox backgroundColor={SUBTLE_GRAY}>
-          <StyledRouterTextLink to={`${pathname}/reporting`}>View all</StyledRouterTextLink>
-        </HoverBox>
+        <StyledRouterTextLink to={`${pathname}/reporting`}>View all</StyledRouterTextLink>
       </Box>
 
       <Box marginY={2} backgroundColor={SUBTLE_GRAY} borderRadius={10}>
         {reportLinks.map((link, i) => (
-          <StyledRouterTextLink to={`${pathname}/reporting${link.href}`} key={`${link.label}-${i}`}>
+          <ButtonSections to={`${pathname}/reporting${link.href}`} key={`${link.label}-${i}`}>
             <StyledBox
               borderBottom={i === reportLinks.length - 1 ? null : `2px solid ${SUBTLE_GRAY}`}
               display="flex"
@@ -120,7 +119,7 @@ export function ReportDetails({ metadata }: IssuerSectionProps) {
               </Box>
               <IconChevronRight color="white" />
             </StyledBox>
-          </StyledRouterTextLink>
+          </ButtonSections>
         ))}
       </Box>