Show identifier in category badges

kausaltech · Sep 20, 2023 · 7d83923 · 7d83923
1 parent 47c2065
commit 7d83923
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/components/actions/CategoryTags.tsx b/components/actions/CategoryTags.tsx
@@ -86,6 +86,10 @@ type CategoryContentProps = {
   noLink?: boolean;
 };
 
+const Identifier = styled.span`
+  color: ${(props) => props.theme.graphColors.grey060};
+`;
+
 export const CategoryContent = (props: CategoryContentProps) => {
   const { categories, categoryType, noLink = false } = props;
   return (
@@ -100,12 +104,20 @@ export const CategoryContent = (props: CategoryContentProps) => {
             <BadgeTooltip
               id={item.id}
               tooltip={item.helpText}
-              content={item.name}
+              content={
+                item.identifier && !item.type.hideCategoryIdentifiers ? (
+                  <>
+                    <Identifier>{item.identifier}.</Identifier> {item.name}
+                  </>
+                ) : (
+                  item.name
+                )
+              }
               iconImage={
-                item.iconImage?.rendition.src ||
-                item.parent?.iconImage?.rendition.src
+                item.iconImage?.rendition?.src ||
+                item.parent?.iconImage?.rendition?.src
               }
-              iconSvg={item.iconSvgUrl || item.parent?.iconSvgUrl}
+              iconSvg={item.iconSvgUrl || item.parent?.iconSvgUrl || undefined}
               size="md"
               color="neutralLight"
               isLink={!noLink}