Refactor index.html and update project ID environment variable

Dopeamin · Dopeamin · commit f78131a6ecdd · 2025-06-02T10:03:19.000+02:00
diff --git a/playground/react/index.html b/playground/react/index.html
@@ -1,24 +1,16 @@
 <!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link
-      rel="icon"
-      type="image/svg+xml"
-      href="/vite.svg"
-    />
-    <meta
-      name="viewport"
-      content="width=device-width, initial-scale=1.0"
-    />
-    <title>Vite + React + TS</title>
-  </head>
 
-  <body>
-    <div id="root"></div>
-    <script
-      type="module"
-      src="/src/main.tsx"
-    ></script>
-  </body>
-</html>
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" type="image/svg+xml" href="./favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Corbado React Playground</title>
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/main.tsx"></script>
+</body>
+
+</html>
diff --git a/playground/react/src/hoc/withCorbadoProvider.tsx b/playground/react/src/hoc/withCorbadoProvider.tsx
@@ -11,14 +11,14 @@ function withCorbadoProvider<T extends JSX.IntrinsicAttributes>(WrappedComponent
     return (
       <div key={`${projectId}-${darkMode}`}>
         <CorbadoProvider
-          projectId={projectId ?? import.meta.env.REACT_APP_CORBADO_PROJECT_ID_EmailOtp ?? ''}
+          projectId={projectId ?? import.meta.env.VITE_CORBADO_PROJECT_ID_EmailOtp ?? ''}
           customTranslations={{
             fr: frenchTranslations,
             en: englishTranslations,
           }}
           darkMode={darkMode ? 'on' : 'off'}
           isDevMode={true}
-          frontendApiUrlSuffix={import.meta.env.REACT_APP_CORBADO_FRONTEND_API_URL_SUFFIX}
+          frontendApiUrlSuffix={import.meta.env.VITE_CORBADO_FRONTEND_API_URL_SUFFIX}
           telemetry={{ debug: true }}
         >
           <WrappedComponent {...(props as T)} />
