feat: ✨ new sidesheet header (#899)

equinor · Mar 4, 2024 · 4f2b671 · 4f2b671
1 parent 9f7661d
commit 4f2b671
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 29 deletions.
diff --git a/libs/heattraceapp/src/lib/ui-garden/garden.styles.ts b/libs/heattraceapp/src/lib/ui-garden/garden.styles.ts
@@ -69,34 +69,6 @@ export const StyledStatusCircles = styled.div<StatusCirclesProps>`
   }
 `;
 
-export const StyledStatuses = styled.div`
-  margin-top: 24px;
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  gap: 10px;
-
-  > div {
-    margin-right: 16px;
-
-    &:last-child {
-      margin: 0;
-    }
-  }
-`;
-type NoStatusProps = {
-  size: 'small' | 'medium';
-};
-export const StyledNoStatus = styled.div<NoStatusProps>`
-  outline: ${(props) =>
-    `${props.size === 'small' ? '2px' : '4px'} dashed ${
-      tokens.colors.ui.background__medium.hex
-    }`};
-  border-radius: ${(props) => (props.size === 'small' ? '17px' : '21px')};
-  height: ${(props) => (props.size === 'small' ? '16px' : '20px')};
-  width: ${(props) => (props.size === 'small' ? '16px' : '20px')};
-`;
-
 export const StyledDescription = styled.p`
   all: unset;
   width: 50%;

diff --git a/libs/heattracesidesheet/src/lib/ui-sidesheet/HeattraceSidesheet.tsx b/libs/heattracesidesheet/src/lib/ui-sidesheet/HeattraceSidesheet.tsx
@@ -41,7 +41,9 @@ const HeattraceSidesheetComponent = (props: Required<HeatTraceProps>) => {
   return (
     <StyledSideSheetContainer>
       <SidesheetHeader
-        title={`${props.item.heatTraceCableNo} - ${props.item.heatTraceCableDescription}`}
+        title={props.item.heatTraceCableNo}
+        url={props.item.heatTraceCableUrl ?? ''}
+        description={props.item.heatTraceCableDescription || ''}
         onClose={props.close}
         applicationTitle="Heat Trace"
       />