Fix preview

BrunoQuaresma · BrunoQuaresma · commit ec5777780d1e · 2023-09-13T16:13:07.000Z
diff --git a/site/src/components/Dashboard/DashboardProvider.tsx b/site/src/components/Dashboard/DashboardProvider.tsx
@@ -20,6 +20,7 @@ import { appearance } from "api/queries/appearance";
 
 interface Appearance {
   config: AppearanceConfig;
+  isPreview: boolean;
   setPreview: (config: AppearanceConfig) => void;
 }
 
@@ -59,6 +60,7 @@ export const DashboardProvider: FC<PropsWithChildren> = ({ children }) => {
         appearance: {
           config: configPreview ?? appearanceQuery.data,
           setPreview: setConfigPreview,
+          isPreview: configPreview !== undefined,
         },
       }}
     >
diff --git a/site/src/components/Dashboard/ServiceBanner/ServiceBanner.tsx b/site/src/components/Dashboard/ServiceBanner/ServiceBanner.tsx
@@ -15,7 +15,7 @@ export const ServiceBanner: React.FC = () => {
       <ServiceBannerView
         message={message}
         backgroundColor={background_color}
-        preview={appearance.preview}
+        isPreview={appearance.isPreview}
       />
     );
   } else {
diff --git a/site/src/components/Dashboard/ServiceBanner/ServiceBannerView.stories.tsx b/site/src/components/Dashboard/ServiceBanner/ServiceBannerView.stories.tsx
@@ -20,6 +20,6 @@ export const Preview: Story = {
   args: {
     message: "weeeee",
     backgroundColor: "#000000",
-    preview: true,
+    isPreview: true,
   },
 };
diff --git a/site/src/components/Dashboard/ServiceBanner/ServiceBannerView.tsx b/site/src/components/Dashboard/ServiceBanner/ServiceBannerView.tsx
@@ -7,13 +7,13 @@ import { hex } from "color-convert";
 export interface ServiceBannerViewProps {
   message: string;
   backgroundColor: string;
-  preview: boolean;
+  isPreview: boolean;
 }
 
 export const ServiceBannerView: React.FC<ServiceBannerViewProps> = ({
   message,
   backgroundColor,
-  preview,
+  isPreview,
 }) => {
   const styles = useStyles();
   // We don't want anything funky like an image or a heading in the service
@@ -34,7 +34,7 @@ export const ServiceBannerView: React.FC<ServiceBannerViewProps> = ({
       className={styles.container}
       style={{ backgroundColor: backgroundColor }}
     >
-      {preview && <Pill text="Preview" type="info" lightBorder />}
+      {isPreview && <Pill text="Preview" type="info" lightBorder />}
       <div
         className={styles.centerContent}
         style={{

Original file line number	Diff line number	Diff line change
`@@ -20,6 +20,7 @@ import { appearance } from "api/queries/appearance";`
`20`	`20`
`21`	`21`	`interface Appearance {`
`22`	`22`	`config: AppearanceConfig;`
	`23`	`+ isPreview: boolean;`
`23`	`24`	`setPreview: (config: AppearanceConfig) => void;`
`24`	`25`	`}`
`25`	`26`
`@@ -59,6 +60,7 @@ export const DashboardProvider: FC<PropsWithChildren> = ({ children }) => {`
`59`	`60`	`appearance: {`
`60`	`61`	`config: configPreview ?? appearanceQuery.data,`
`61`	`62`	`setPreview: setConfigPreview,`
	`63`	`+ isPreview: configPreview !== undefined,`
`62`	`64`	`},`
`63`	`65`	`}}`
`64`	`66`	`>`