diff --git a/frontend/src/component/common/Table/cells/FeatureOverviewCell/FeatureOverviewCell.tsx b/frontend/src/component/common/Table/cells/FeatureOverviewCell/FeatureOverviewCell.tsx
index a8ab7f1716..74cf4fcd4a 100644
--- a/frontend/src/component/common/Table/cells/FeatureOverviewCell/FeatureOverviewCell.tsx
+++ b/frontend/src/component/common/Table/cells/FeatureOverviewCell/FeatureOverviewCell.tsx
@@ -22,6 +22,7 @@ interface IFeatureNameCellProps {
| 'tags'
| 'type'
| 'dependencyType'
+ | 'archivedAt'
>;
};
}
@@ -138,6 +139,22 @@ const FeatureName: FC<{
);
};
+const ArchivedFeatureName: FC<{
+ feature: string;
+ searchQuery: string;
+}> = ({ feature, searchQuery }) => {
+ return (
+ ({
+ fontWeight: theme.typography.fontWeightBold,
+ color: theme.palette.neutral.main,
+ })}
+ >
+ {feature}
+
+ );
+};
+
const RestTags: FC<{ tags: string[]; onClick: (tag: string) => void }> = ({
tags,
onClick,
@@ -236,6 +253,7 @@ const DependencyPreview: FC<{ feature: string; project: string }> = ({
export const PrimaryFeatureInfo: FC<{
project: string;
feature: string;
+ archivedAt: string | null;
searchQuery: string;
type: string;
dependencyType: string;
@@ -244,6 +262,7 @@ export const PrimaryFeatureInfo: FC<{
}> = ({
project,
feature,
+ archivedAt,
type,
searchQuery,
dependencyType,
@@ -275,11 +294,19 @@ export const PrimaryFeatureInfo: FC<{
return (
-
+ {archivedAt ? (
+
+ ) : (
+
+ )}
+
}
/>
+ {archivedAt && (
+
+ Archived
+
+ )}
);
};
@@ -343,6 +375,7 @@ export const FeatureOverviewCell =