fix: Hide empty metadata sections in Insight Sidebar

ExpediaGroup · Jan 29, 2024 · e192617 · e192617
1 parent 6614d24
commit e192617
Showing 1 changed file with 19 additions and 11 deletions.
diff --git a/...ges/insight-page/components/insight-viewer/components/insight-sidebar/insight-sidebar.tsx b/...ges/insight-page/components/insight-viewer/components/insight-sidebar/insight-sidebar.tsx
@@ -128,20 +128,28 @@ export const InsightSidebar = ({ insight, ...props }: { insight: Insight } & Box
         <ShareMenu insight={insight} />
       </HStack>
 
-      <StackDivider borderColor="snowstorm.100" borderTopWidth="1px" />
+      {insight.metadata?.team && (
+        <>
+          <StackDivider borderColor="snowstorm.100" borderTopWidth="1px" />
 
-      <SidebarStack heading="Team" tooltip="Team which owns this Insight">
-        <TeamTag team={insight.metadata?.team ?? 'Unknown'} size="lg" />
-      </SidebarStack>
+          <SidebarStack heading="Team" tooltip="Team which owns this Insight">
+            <TeamTag team={insight.metadata?.team} size="lg" />
+          </SidebarStack>
+        </>
+      )}
 
-      <StackDivider borderColor="snowstorm.100" borderTopWidth="1px" />
+      {authors && authors.length > 0 && (
+        <>
+          <StackDivider borderColor="snowstorm.100" borderTopWidth="1px" />
+          <SidebarHeading>Authors</SidebarHeading>
+          <Stack spacing="0.25rem">
+            {authors.map((author) => (
+              <UserTag key={author.userName} user={author} permission={author.permission} size="lg" width="100%" />
+            ))}
+          </Stack>
+        </>
+      )}
 
-      <SidebarHeading>Authors</SidebarHeading>
-      <Stack spacing="0.25rem">
-        {authors.map((author) => (
-          <UserTag key={author.userName} user={author} permission={author.permission} size="lg" width="100%" />
-        ))}
-      </Stack>
       {insight.tags?.length > 0 && (
         <>
           <StackDivider borderColor="snowstorm.100" borderTopWidth="1px" />