diff --git a/site/src/components/ErrorBoundary/GlobalErrorBoundary.tsx b/site/src/components/ErrorBoundary/GlobalErrorBoundary.tsx
index dab1f29af9de9..c8c7e54ac4713 100644
--- a/site/src/components/ErrorBoundary/GlobalErrorBoundary.tsx
+++ b/site/src/components/ErrorBoundary/GlobalErrorBoundary.tsx
@@ -128,7 +128,9 @@ const ErrorStack: FC = ({ error }) => {
{error.stack && (
- {error.stack}
+
+ {error.stack}
+
)}
>
diff --git a/site/src/pages/CliInstallPage/CliInstallPage.tsx b/site/src/pages/CliInstallPage/CliInstallPage.tsx
index e9a7b4db3f343..9cfa35dcd1b91 100644
--- a/site/src/pages/CliInstallPage/CliInstallPage.tsx
+++ b/site/src/pages/CliInstallPage/CliInstallPage.tsx
@@ -1,15 +1,18 @@
+import isChromatic from "chromatic/isChromatic";
import type { FC } from "react";
import { Helmet } from "react-helmet-async";
import { pageTitle } from "utils/page";
import { CliInstallPageView } from "./CliInstallPageView";
export const CliInstallPage: FC = () => {
+ const origin = isChromatic() ? "https://example.com" : window.location.origin;
+
return (
<>
{pageTitle("Install the Coder CLI")}
-
+
>
);
};
diff --git a/site/src/pages/CliInstallPage/CliInstallPageView.stories.tsx b/site/src/pages/CliInstallPage/CliInstallPageView.stories.tsx
index 1140cd88c3c3e..25acfa457ff78 100644
--- a/site/src/pages/CliInstallPage/CliInstallPageView.stories.tsx
+++ b/site/src/pages/CliInstallPage/CliInstallPageView.stories.tsx
@@ -4,6 +4,9 @@ import { CliInstallPageView } from "./CliInstallPageView";
const meta: Meta = {
title: "pages/CliInstallPage",
component: CliInstallPageView,
+ args: {
+ origin: "https://example.com",
+ },
};
export default meta;
diff --git a/site/src/pages/CliInstallPage/CliInstallPageView.tsx b/site/src/pages/CliInstallPage/CliInstallPageView.tsx
index a5ec484430228..9356cee6153b3 100644
--- a/site/src/pages/CliInstallPage/CliInstallPageView.tsx
+++ b/site/src/pages/CliInstallPage/CliInstallPageView.tsx
@@ -4,9 +4,11 @@ import { Welcome } from "components/Welcome/Welcome";
import type { FC } from "react";
import { Link as RouterLink } from "react-router-dom";
-export const CliInstallPageView: FC = () => {
- const origin = location.origin;
+type CliInstallPageViewProps = {
+ origin: string;
+};
+export const CliInstallPageView: FC = ({ origin }) => {
return (
Install the Coder CLI
@@ -18,7 +20,6 @@ export const CliInstallPageView: FC = () => {