Merge pull request #2129 from Agenta-AI/fix/application-font-family-i…

…ssue fix(frontend): font style issue
Agenta-AI · Oct 21, 2024 · 5cbb6a8 · 5cbb6a8
2 parents f501b02 + 37a7d8c
commit 5cbb6a8
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 102 deletions.
diff --git a/agenta-web/src/components/Layout/ThemeContextProvider.tsx b/agenta-web/src/components/Layout/ThemeContextProvider.tsx
@@ -2,6 +2,12 @@ import {ConfigProvider, theme} from "antd"
 import {PropsWithChildren, createContext, useState, useContext, useEffect} from "react"
 import {useLocalStorage, useUpdateEffect} from "usehooks-ts"
 import antdTokens from "@/styles/tokens/antd-themeConfig.json"
+import {Inter} from "next/font/google"
+
+const inter = Inter({
+    subsets: ["latin"],
+    variable: "--font-inter",
+})
 
 export enum ThemeMode {
     Light = "light",
@@ -68,7 +74,12 @@ const ThemeContextProvider: React.FC<PropsWithChildren> = ({children}) => {
             <ConfigProvider
                 theme={{
                     algorithm: theme.defaultAlgorithm,
-                    ...antdTokens,
+                    token: {
+                        fontFamily: inter.style.fontFamily,
+                        fontFamilyCode: inter.style.fontFamily,
+                        ...antdTokens.token,
+                        ...antdTokens.components,
+                    },
                 }}
             >
                 {children}