Show or not insights page

coder · BrunoQuaresma · Jul 26, 2023 · Jul 24, 2023 · Jul 24, 2023 · Jul 24, 2023
commit fdcf23fa6cf47fd35860e82bc7c9e17e71c021c3
diff --git a/site/src/components/TemplateLayout/TemplateLayout.tsx b/site/src/components/TemplateLayout/TemplateLayout.tsx
@@ -15,6 +15,7 @@ import {
 import { useQuery } from "@tanstack/react-query"
 import { AuthorizationRequest } from "api/typesGenerated"
 import { ErrorAlert } from "components/Alert/ErrorAlert"
+import { useDashboard } from "components/Dashboard/DashboardProvider"
 
 const templatePermissions = (
   templateId: string,
@@ -71,6 +72,12 @@ export const TemplateLayout: FC<{ children?: JSX.Element }> = ({
     queryKey: ["template", templateName],
     queryFn: () => fetchTemplate(orgId, templateName),
   })
+  const dashboard = useDashboard()
+  const hasInsightsEnabled =
+    dashboard.experiments.includes("template_insights_page") ||
+    process.env.NODE_ENV === "development"
+  const shouldShowInsights =
+    hasInsightsEnabled && data?.permissions?.canUpdateTemplate
 
   if (error) {
     return (
@@ -157,17 +164,19 @@ export const TemplateLayout: FC<{ children?: JSX.Element }> = ({
             >
               Embed
             </NavLink>
-            <NavLink
-              to={`/templates/${templateName}/insights`}
-              className={({ isActive }) =>
-                combineClasses([
-                  styles.tabItem,
-                  isActive ? styles.tabItemActive : undefined,
-                ])
-              }
-            >
-              Insights
-            </NavLink>
+            {shouldShowInsights && (
+              <NavLink
+                to={`/templates/${templateName}/insights`}
+                className={({ isActive }) =>
+                  combineClasses([
+                    styles.tabItem,
+                    isActive ? styles.tabItemActive : undefined,
+                  ])
+                }
+              >
+                Insights
+              </NavLink>
+            )}
           </Stack>
         </Margins>
       </div>