Annotate return type on TabSet

seamapi · May 16, 2024 · 527234c · 527234c
1 parent a67efcd
commit 527234c
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 41 deletions.
diff --git a/.storybook/seed-fake.js b/.storybook/seed-fake.js
@@ -543,7 +543,7 @@ export const seedFake = (db) => {
     noise_threshold_id: 2,
     noise_threshold_name: 'Active Hours',
   })
-  
+
   db.addEvent({
     device_id: device7.device_id,
     workspace_id: ws2.workspace_id,

diff --git a/src/lib/ui/TabSet.tsx b/src/lib/ui/TabSet.tsx
@@ -22,7 +22,7 @@ export function TabSet<TabType extends string>({
   tabs,
   activeTab,
   onTabChange,
-}: TabSetProps<TabType>) {
+}: TabSetProps<TabType>): JSX.Element {
   const [highlightStyle, setHighlightStyle] = useState<HighlightStyle>({
     left: 0,
     width: 140,

diff --git a/src/styles/_noise-sensor.scss b/src/styles/_noise-sensor.scss
@@ -1,47 +1,47 @@
 @use './colors';
 
 @mixin all {
-	.seam-noise-sensor-activity-list {
-		width: 100%;
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		flex-direction: column;
-	}
+  .seam-noise-sensor-activity-list {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+  }
 
-	.seam-noise-sensor-event-item {
-		width: 100%;
-		min-height: 64px;
-		padding: 12px 8px 12px 16px;
-		border-bottom: 1px solid colors.$divider-stroke-light;
-		display: grid;
-		grid-template-columns: 0.5fr 1fr 1fr;
-		gap: 18px;
-	}
+  .seam-noise-sensor-event-item {
+    width: 100%;
+    min-height: 64px;
+    padding: 12px 8px 12px 16px;
+    border-bottom: 1px solid colors.$divider-stroke-light;
+    display: grid;
+    grid-template-columns: 0.5fr 1fr 1fr;
+    gap: 18px;
+  }
 
-	.seam-noise-sensor-event-item-column-wrap {
-		display: flex;
-		justify-content: flex-start;
-		align-items: center;
-		flex-direction: row;
-		gap: 18px;
-	}
+  .seam-noise-sensor-event-item-column-wrap {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    flex-direction: row;
+    gap: 18px;
+  }
 
-	.seam-noise-sensor-event-item-datetime-wrap {
-		color: colors.$text-gray-1;
-		font-size: 14px;
-		line-height: 134%;
-	}
+  .seam-noise-sensor-event-item-datetime-wrap {
+    color: colors.$text-gray-1;
+    font-size: 14px;
+    line-height: 134%;
+  }
 
-	.seam-noise-sensor-event-item-context-label {
-		color: colors.$text-default;
-		font-size: 14px;
-		line-height: 134%;
-	}
+  .seam-noise-sensor-event-item-context-label {
+    color: colors.$text-default;
+    font-size: 14px;
+    line-height: 134%;
+  }
 
-	.seam-noise-sensor-event-item-context-sublabel {
-		color: colors.$text-gray-2;
-		font-size: 14px;
-		line-height: 134%;
-	}
-}
+  .seam-noise-sensor-event-item-context-sublabel {
+    color: colors.$text-gray-2;
+    font-size: 14px;
+    line-height: 134%;
+  }
+}