Skip to content

Commit b035f6d

Browse files
committed
Add mantine UI library and setup
The following mantine UI components are installed - @mantine/hooks - @mantine/core - @mantine/form - @mantine/tiptap - @mantine/modals
1 parent e00607c commit b035f6d

File tree

6 files changed

+6315
-162
lines changed

6 files changed

+6315
-162
lines changed

frontend/.gitignore

Lines changed: 0 additions & 22 deletions
This file was deleted.

frontend/peerprep/app/root.tsx

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,9 @@ import {
77
ScrollRestoration,
88
} from "react-router";
99

10+
import '@mantine/core/styles.css';
11+
import { createTheme, MantineProvider } from '@mantine/core';
12+
1013
import type { Route } from "./+types/root";
1114
import "./app.css";
1215

@@ -23,6 +26,10 @@ export const links: Route.LinksFunction = () => [
2326
},
2427
];
2528

29+
const theme = createTheme({
30+
/** mantine theme overrides */
31+
});
32+
2633
export function Layout({ children }: { children: React.ReactNode }) {
2734
return (
2835
<html lang="en">
@@ -42,7 +49,11 @@ export function Layout({ children }: { children: React.ReactNode }) {
4249
}
4350

4451
export default function App() {
45-
return <Outlet />;
52+
return (
53+
<MantineProvider theme={theme}>
54+
{<Outlet />}
55+
</MantineProvider>
56+
);
4657
}
4758

4859
export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {

0 commit comments

Comments
 (0)