From e9c78c72183337aedc45e419e5e57d623ebdb0a6 Mon Sep 17 00:00:00 2001
From: Sammy Teillet <sammy.teillet@gmail.com>
Date: Mon, 17 Apr 2023 11:59:49 +0200
Subject: [PATCH 1/3] feat: set environment key at init

---
 src/local-storage.ts |  1 +
 src/main.tsx         | 14 +++++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/local-storage.ts b/src/local-storage.ts
index e2d7cd8..b87a8c4 100644
--- a/src/local-storage.ts
+++ b/src/local-storage.ts
@@ -1,2 +1,3 @@
 export const IDENTITY_TOKEN_KEY = "identityToken";
 export const ACCESS_TOKEN_KEY = "accessToken";
+export const ENVIRONMENT_KEY = "environment";
diff --git a/src/main.tsx b/src/main.tsx
index 2f1c381..369bc5b 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -5,6 +5,7 @@ import App from "./App";
 import Honeybadger from "@honeybadger-io/js";
 import { HoneybadgerErrorBoundary } from "@honeybadger-io/react";
 import posthog from "posthog-js";
+import { ENVIRONMENT_KEY } from "./local-storage";
 
 const autoRedirectOnGithubAuth =
   window.location.hostname === "github.webhook.store";
@@ -21,7 +22,18 @@ posthog.init(import.meta.env.VITE_POSTHOG_API_KEY as string, {
   api_host: "https://app.posthog.com",
 });
 
-posthog.capture("my event", { property: "value" });
+const initEnvInLocalStorage = () => {
+  const env = localStorage.getItem(ENVIRONMENT_KEY);
+  if (!env) {
+    if (window.location.origin.startsWith("http://localhost:")) {
+      localStorage.setItem(ENVIRONMENT_KEY, "development");
+    } else {
+      localStorage.setItem(ENVIRONMENT_KEY, "production");
+    }
+  }
+};
+
+initEnvInLocalStorage();
 
 const root = ReactDOM.createRoot(
   document.getElementById("root") as HTMLElement

From c055cf48997b1125ee9d47919ea2327134fadaf7 Mon Sep 17 00:00:00 2001
From: Sammy Teillet <sammy.teillet@gmail.com>
Date: Mon, 17 Apr 2023 12:03:22 +0200
Subject: [PATCH 2/3] refactor: move nav item in other component

---
 src/NavBar/WebhookStoreUrl/WebhookStoreUrl.component.tsx | 5 +++--
 src/TopNav.tsx                                           | 4 +---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/NavBar/WebhookStoreUrl/WebhookStoreUrl.component.tsx b/src/NavBar/WebhookStoreUrl/WebhookStoreUrl.component.tsx
index b13a303..4737e92 100644
--- a/src/NavBar/WebhookStoreUrl/WebhookStoreUrl.component.tsx
+++ b/src/NavBar/WebhookStoreUrl/WebhookStoreUrl.component.tsx
@@ -2,11 +2,12 @@ import { Label } from "@pluralsight/ps-design-system-text";
 import TextInput from "@pluralsight/ps-design-system-textinput";
 import React, { useContext } from "react";
 import { WebhookStoreUrlContext } from "./WebhookStoreUrl.context";
+import NavItem from "@pluralsight/ps-design-system-navitem";
 
 export function WebhookStoreUrlInput() {
   const { value, setValue } = useContext(WebhookStoreUrlContext);
   return (
-    <>
+    <NavItem key={"WebhookStoreUrlInput"}>
       <Label
         size={Label.sizes.xSmall}
         style={{ marginRight: "8px", marginLeft: "8px" }}
@@ -22,6 +23,6 @@ export function WebhookStoreUrlInput() {
           setValue(new URL(event.target.value).origin);
         }}
       ></TextInput>
-    </>
+    </NavItem>
   );
 }
diff --git a/src/TopNav.tsx b/src/TopNav.tsx
index ab07548..de1ef19 100644
--- a/src/TopNav.tsx
+++ b/src/TopNav.tsx
@@ -70,9 +70,7 @@ export default function TopNav() {
     <NavBar
       brand={<SkillsBranding />}
       items={[
-        <NavItem key={"WebhookStoreUrlInput"}>
-          <WebhookStoreUrlInput />
-        </NavItem>,
+        <WebhookStoreUrlInput key={"WebhookStoreUrlInput"} />,
         <ProxyStatus key={"ProxyStatus"} />,
         <StoreConfigNavItem key={"StoreConfig"} />,
       ]}

From 1d21bedfb7581bf3644dedbfcb8a62606facccd0 Mon Sep 17 00:00:00 2001
From: Sammy Teillet <sammy.teillet@gmail.com>
Date: Mon, 17 Apr 2023 12:04:30 +0200
Subject: [PATCH 3/3] feat: hide webhook store url in prod

---
 src/TopNav.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/TopNav.tsx b/src/TopNav.tsx
index de1ef19..aca1027 100644
--- a/src/TopNav.tsx
+++ b/src/TopNav.tsx
@@ -7,6 +7,7 @@ import NavItem from "@pluralsight/ps-design-system-navitem";
 import { ProxyStatus } from "./NavBar/ProxyStatus/ProxyStatus.component";
 import { LoginOrDisplayUser } from "./NavBar/User/LoginOrDisplayUser";
 import { StoreConfigNavItem } from "./NavBar/StoreConfig/StoreConfigNavItem";
+import { ENVIRONMENT_KEY } from "./local-storage";
 
 function SkillsLogo() {
   return (
@@ -66,11 +67,12 @@ function SkillsBranding(props: any) {
 }
 
 export default function TopNav() {
+  const isDevEnv = localStorage.getItem(ENVIRONMENT_KEY) === "development";
   return (
     <NavBar
       brand={<SkillsBranding />}
       items={[
-        <WebhookStoreUrlInput key={"WebhookStoreUrlInput"} />,
+        isDevEnv ? <WebhookStoreUrlInput key={"WebhookStoreUrlInput"} /> : null,
         <ProxyStatus key={"ProxyStatus"} />,
         <StoreConfigNavItem key={"StoreConfig"} />,
       ]}