slice-machine-ui 1.21.1-dev-next-release.1 → 1.21.1-dev-next-release.2

package/components/AppLayout/index.tsx

@@ -31,17 +31,24 @@ export const AppLayout: FC<PropsWithChildren> = ({
   );
 };
 
+const environmentTopBorderColorMap = {
+  prod: "purple",
+  stage: "indigo",
+  dev: "amber",
+} as const;
+
 const PageLayoutWithActiveEnvironment: FC<PropsWithChildren> = ({
   children,
   ...otherProps
 }) => {
   const { activeEnvironment } = useActiveEnvironment();
 
+  const maybeBorderColor = activeEnvironment
+    ? environmentTopBorderColorMap[activeEnvironment.kind]
+    : undefined;
+
   return (
-    <PageLayout
-      activeEnvironmentKind={activeEnvironment?.kind ?? "prod"}
-      {...otherProps}
-    >
+    <PageLayout borderTopColor={maybeBorderColor} {...otherProps}>
       {children}
     </PageLayout>
   );

package/components/Navigation/Environment.tsx

@@ -1,5 +1,7 @@
 import { Environment as EnvironmentType } from "@slicemachine/manager/client";
 
+import { telemetry } from "@src/apiClient";
+
 import { useEnvironments } from "@src/features/environments/useEnvironments";
 import { setEnvironment } from "@src/features/environments/actions/setEnvironment";
 import { useActiveEnvironment } from "@src/features/environments/useActiveEnvironment";
@@ -14,6 +16,11 @@ export function Environment() {
   const { refreshState, openLoginModal } = useSliceMachineActions();
 
   async function onSelect(environment: EnvironmentType) {
+    void telemetry.track({
+      event: "environment:switch",
+      domain: environment.domain,
+    });
+
     await setEnvironment(environment);
 
     const legacySliceMachineState = await getLegacySliceMachineState();

package/out/404.html

@@ -1 +1 @@
-<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/e1564cb89a3a9960.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e1564cb89a3a9960.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-4e4a9da6ef893922.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/fRZwWl3JVu3CC8534hvDm/_buildManifest.js" defer=""></script><script src="/_next/static/fRZwWl3JVu3CC8534hvDm/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"fRZwWl3JVu3CC8534hvDm","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>
+<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="next-head-count" content="2"/><link rel="preload" href="/_next/static/css/e1564cb89a3a9960.css" as="style"/><link rel="stylesheet" href="/_next/static/css/e1564cb89a3a9960.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-bdbe176a76320ff4.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/30lORyJr7mlrh1YzuXPWy/_buildManifest.js" defer=""></script><script src="/_next/static/30lORyJr7mlrh1YzuXPWy/_ssgManifest.js" defer=""></script></head><body><div id="__next"></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"30lORyJr7mlrh1YzuXPWy","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"isFallback":false,"gip":true,"scriptLoader":[]}</script></body></html>