Merge pull request #2016 from Agenta-AI/AGE-654/-migrate-Inter-Font-t…

…o-@next/font fix(frontend): Migrate Inter Font to @next/font
Agenta-AI · Aug 23, 2024 · 1dec2c6 · 1dec2c6
2 parents 736ebb2 + 35e6fec
commit 1dec2c6
Show file tree

Hide file tree

Showing 2 changed files with 67 additions and 116 deletions.
diff --git a/agenta-web/src/pages/_app.tsx b/agenta-web/src/pages/_app.tsx
@@ -13,6 +13,9 @@ import AppContextProvider from "@/contexts/app.context"
 import ProfileContextProvider from "@/contexts/profile.context"
 import "ag-grid-community/styles/ag-grid.css"
 import "ag-grid-community/styles/ag-theme-alpine.css"
+import {Inter} from "next/font/google"
+
+const inter = Inter({subsets: ["latin"]})
 
 // Initialize the Posthog client
 if (typeof window !== "undefined") {
@@ -44,22 +47,20 @@ export default function App({Component, pageProps}: AppProps) {
             <Head>
                 <title>Agenta: The LLMOps platform.</title>
                 <link rel="shortcut icon" href="/assets/favicon.ico" />
-                <style>
-                    @import
-                    url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
-                </style>
             </Head>
-            <PostHogProvider client={posthog}>
-                <ThemeContextProvider>
-                    <ProfileContextProvider>
-                        <AppContextProvider>
-                            <Layout>
-                                <Component {...pageProps} />
-                            </Layout>
-                        </AppContextProvider>
-                    </ProfileContextProvider>
-                </ThemeContextProvider>
-            </PostHogProvider>
+            <main className={inter.className}>
+                <PostHogProvider client={posthog}>
+                    <ThemeContextProvider>
+                        <ProfileContextProvider>
+                            <AppContextProvider>
+                                <Layout>
+                                    <Component {...pageProps} />
+                                </Layout>
+                            </AppContextProvider>
+                        </ProfileContextProvider>
+                    </ThemeContextProvider>
+                </PostHogProvider>
+            </main>
         </>
     )
 }