feat: static link to archived flags in archived project (#7913)

Unleash · Aug 19, 2024 · 2050cb0 · 2050cb0
1 parent 7008070
commit 2050cb0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 20 deletions.
diff --git a/frontend/src/component/project/NewProjectCard/NewProjectCard.styles.ts b/frontend/src/component/project/NewProjectCard/NewProjectCard.styles.ts
@@ -38,6 +38,7 @@ export const StyledDivHeader = styled('div')(({ theme }) => ({
     ...flexRow,
     width: '100%',
     marginBottom: theme.spacing(2),
+    gap: theme.spacing(1),
 }));
 
 export const StyledCardTitle = styled('h3')(({ theme }) => ({
@@ -89,7 +90,7 @@ export const StyledIconBox = styled(Box)(({ theme }) => ({
     display: 'grid',
     placeItems: 'center',
     padding: theme.spacing(0, 0.5, 0, 1),
-    marginRight: theme.spacing(2),
+    marginRight: theme.spacing(1),
     alignSelf: 'baseline',
     color: theme.palette.primary.main,
     height: '100%',

diff --git a/frontend/src/component/project/NewProjectCard/ProjectArchiveCard.tsx b/frontend/src/component/project/NewProjectCard/ProjectArchiveCard.tsx
@@ -103,25 +103,12 @@ export const ProjectArchiveCard: FC<ProjectArchiveCardProps> = ({
                             </Tooltip>
                         }
                     />
-                    <ConditionallyRender
-                        condition={typeof archivedFeaturesCount !== 'undefined'}
-                        show={
-                            <Link
-                                component={RouterLink}
-                                to={`/archive?search=project%3A${encodeURI(id)}`}
-                            >
-                                <StyledParagraphInfo disabled data-loading>
-                                    {archivedFeaturesCount}
-                                </StyledParagraphInfo>
-                                <p data-loading>
-                                    archived{' '}
-                                    {archivedFeaturesCount === 1
-                                        ? 'flag'
-                                        : 'flags'}
-                                </p>
-                            </Link>
-                        }
-                    />
+                    <Link
+                        component={RouterLink}
+                        to={`/archive?search=project%3A${encodeURI(id)}`}
+                    >
+                        <p>View archived flags</p>
+                    </Link>
                 </StyledDivInfo>
             </StyledProjectCardBody>
             <ProjectCardFooter id={id} disabled owners={owners}>