add configuration for using mock data

DaltheCow · DaltheCow · commit efb197ab977b · 2025-06-23T14:31:12.000-04:00
diff --git a/src/ui/.env.local b/src/ui/.env.local
@@ -1,3 +1,4 @@
 ASSET_PREFIX=http://localhost:3000
 BASE_PATH=http://localhost:3000
 NEXT_PUBLIC_USE_MOCK_API=true
+USE_MOCK_DATA=true
diff --git a/src/ui/app/layout.tsx b/src/ui/app/layout.tsx
@@ -31,30 +31,39 @@ export default function RootLayout({
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  const emptyDataScript = (
+    <script
+      dangerouslySetInnerHTML={{
+        __html:
+          'window.run_info = {}; window.workload_details = {}; window.benchmarks = {};',
+      }}
+    />
+  );
+  const mockDataScript = (
+    <>
+      <script
+        dangerouslySetInnerHTML={{
+          __html: runInfoScript,
+        }}
+      />
+      <script
+        dangerouslySetInnerHTML={{
+          __html: workloadDetailsScript,
+        }}
+      />
+      <script
+        dangerouslySetInnerHTML={{
+          __html: benchmarksScript,
+        }}
+      />
+    </>
+  );
+  const dataScript =
+    process.env.USE_MOCK_DATA === 'true' ? mockDataScript : emptyDataScript;
+
   return (
     <html lang="en">
-      <head>
-        {/* <script
-          dangerouslySetInnerHTML={{
-            __html: 'window.run_info = {}; window.workload_details = {}; window.benchmarks = {};',
-          }}
-        /> */}
-        <script
-          dangerouslySetInnerHTML={{
-            __html: runInfoScript,
-          }}
-        />
-        <script
-          dangerouslySetInnerHTML={{
-            __html: workloadDetailsScript,
-          }}
-        />
-        <script
-          dangerouslySetInnerHTML={{
-            __html: benchmarksScript,
-          }}
-        />
-      </head>
+      <head>{dataScript}</head>
       <body>{children}</body>
     </html>
   );
