fix(site): fix bottom border on build logs (coder#8554)

Bruno Quaresma · web-flow · commit c83975cee046 · 2023-07-17T11:57:24.000-03:00
diff --git a/site/src/components/Logs/Logs.tsx b/site/src/components/Logs/Logs.tsx
@@ -101,7 +101,11 @@ const useStyles = makeStyles<
     borderRadius: theme.shape.borderRadius,
     overflowX: "auto",
     background: theme.palette.background.default,
-    borderBottom: `1px solid ${theme.palette.divider}`,
+
+    "&:not(:last-child)": {
+      borderBottom: `1px solid ${theme.palette.divider}`,
+      borderRadius: 0,
+    },
   },
   scrollWrapper: {
     minWidth: "fit-content",
diff --git a/site/src/components/WorkspaceBuildLogs/WorkspaceBuildLogs.stories.tsx b/site/src/components/WorkspaceBuildLogs/WorkspaceBuildLogs.stories.tsx
@@ -1,20 +1,24 @@
-import { ComponentMeta, Story } from "@storybook/react"
-import { MockWorkspaceBuildLogs } from "../../testHelpers/entities"
-import {
-  WorkspaceBuildLogs,
-  WorkspaceBuildLogsProps,
-} from "./WorkspaceBuildLogs"
+import { Meta, StoryObj } from "@storybook/react"
+import { WorkspaceBuildLogs } from "./WorkspaceBuildLogs"
+import { MockWorkspaceBuildLogs } from "testHelpers/entities"
 
-export default {
+const meta: Meta<typeof WorkspaceBuildLogs> = {
   title: "components/WorkspaceBuildLogs",
   component: WorkspaceBuildLogs,
-} as ComponentMeta<typeof WorkspaceBuildLogs>
+}
+
+export default meta
 
-const Template: Story<WorkspaceBuildLogsProps> = (args) => (
-  <WorkspaceBuildLogs {...args} />
-)
+type Story = StoryObj<typeof WorkspaceBuildLogs>
+
+export const InProgress: Story = {
+  args: {
+    logs: MockWorkspaceBuildLogs.slice(0, 20),
+  },
+}
 
-export const Example = Template.bind({})
-Example.args = {
-  logs: MockWorkspaceBuildLogs,
+export const Completed: Story = {
+  args: {
+    logs: MockWorkspaceBuildLogs,
+  },
 }
