Write storybook

ammario · ammario · commit e4255d99ace7 · 2022-12-03T22:25:34.000Z
diff --git a/site/src/components/ServiceBanner/ServiceBannerView.stories.tsx b/site/src/components/ServiceBanner/ServiceBannerView.stories.tsx
@@ -2,16 +2,23 @@ import { Story } from "@storybook/react"
 import { ServiceBannerView, ServiceBannerViewProps } from "./ServiceBannerView"
 
 export default {
-  title: "components/LicenseBannerView",
+  title: "components/ServiceBannerView",
   component: ServiceBannerView,
 }
 
 const Template: Story<ServiceBannerViewProps> = (args) => (
   <ServiceBannerView {...args} />
 )
 
-export const GoodColor = Template.bind({})
-GoodColor.args = {
+export const Production = Template.bind({})
+Production.args = {
   message: "weeeee",
-  backgroundColor: "#00FF00",
+  backgroundColor: "#FFFFFF",
+}
+
+export const Preview = Template.bind({})
+Preview.args = {
+  message: "weeeee",
+  backgroundColor: "#000000",
+  preview: true,
 }
diff --git a/site/src/pages/DeploySettingsPage/ServiceBannerSettingsPage.tsx b/site/src/pages/DeploySettingsPage/ServiceBannerSettingsPage.tsx
@@ -23,7 +23,7 @@ import Switch from "@material-ui/core/Switch"
 import { BlockPicker } from "react-color"
 import { useTheme } from "@material-ui/core/styles"
 import FormHelperText from "@material-ui/core/FormHelperText"
-import { Button } from "@material-ui/core"
+import Button from "@material-ui/core/Button"
 
 export const Language = {
   messageLabel: "Message",
