update next-client mui

nishkohli96 · nishkohli96 · commit c52eedc41b8f · 2024-10-06T21:16:35.000+05:30
diff --git a/apps/next-client/README.md b/apps/next-client/README.md
@@ -3,4 +3,6 @@
 ### Features
 
 - [Mui v6](https://mui.com/material-ui/)
-- Button to toggle light and dark mode by changing MUI theme.
+- Button to toggle light and dark mode by changing MUI theme.
+
+**TODO** - [MUI - Migrating to Pigment CSS](https://mui.com/material-ui/migration/migrating-to-pigment-css/#migrating-custom-theme)
diff --git a/apps/next-client/next.config.js b/apps/next-client/next.config.js
diff --git a/apps/next-client/next.config.mjs b/apps/next-client/next.config.mjs
@@ -0,0 +1,19 @@
+const nextConfig = {
+  images: {
+    dangerouslyAllowSVG: true,
+    contentDispositionType: 'attachment',
+    contentSecurityPolicy: "default-src 'self'; script-src 'none'; sandbox;",
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'img.icons8.com'
+      },
+      {
+        protocol: 'https',
+        hostname: 'img.shields.io'
+      }
+    ]
+  }
+};
+
+export default nextConfig;
diff --git a/apps/next-client/src/app/layout.tsx b/apps/next-client/src/app/layout.tsx
@@ -1,11 +1,16 @@
 import type { Metadata } from 'next';
-import { Inter } from 'next/font/google';
+import { Roboto } from 'next/font/google';
 import { AppRouterCacheProvider } from '@mui/material-nextjs/v14-appRouter';
 import { AppThemeProvider } from '@/theme';
 import { LayoutProps } from '@/types';
 import './globals.css';
 
-const inter = Inter({ subsets: ['latin'] });
+const roboto = Roboto({
+  weight: ['300', '400', '500', '700'],
+  subsets: ['latin'],
+  display: 'swap',
+  variable: '--my-font-family',
+});
 const defaultTitle = 'NextJs App';
 
 export const metadata: Metadata = {
@@ -19,7 +24,7 @@ export const metadata: Metadata = {
 const RootLayout = ({ children }: LayoutProps) => {
   return (
     <html lang="en">
-      <body className={inter.className}>
+      <body className={roboto.variable}>
         <AppRouterCacheProvider options={{ key: 'mui' }}>
           <AppThemeProvider>
             {children}
