From afd0719b93114540c52a0e1f0e39b3fa4d09f10a Mon Sep 17 00:00:00 2001
From: Michael Hunteman <michael@huntm.net>
Date: Mon, 21 Oct 2024 19:12:46 -0700
Subject: Use roboto font for table

---
 client/src/components/Dashboard.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'client/src/components/Dashboard.tsx')

diff --git a/client/src/components/Dashboard.tsx b/client/src/components/Dashboard.tsx
index 56b50a2..119fc5d 100644
--- a/client/src/components/Dashboard.tsx
+++ b/client/src/components/Dashboard.tsx
@@ -6,8 +6,16 @@ import {
   type MRT_ColumnDef,
 } from 'material-react-table';
 import type { Guest } from '../models';
+import { createTheme, ThemeProvider, useTheme } from '@mui/material';
 
 function Dashboard() {
+  const tableTheme = createTheme({
+    ...useTheme(),
+    typography: {
+      fontFamily: ['Roboto', 'sans-serif'].join(','),
+    },
+  });
+
   const guests: Guest[] = useOutletContext();
   const columns = useMemo<MRT_ColumnDef<Guest>[]>(
     () => [
@@ -67,7 +75,9 @@ function Dashboard() {
       }}
     >
       <div style={{ marginTop: 128 }}>
-        <MaterialReactTable table={table} />
+        <ThemeProvider theme={tableTheme}>
+          <MaterialReactTable table={table} />
+        </ThemeProvider>
       </div>
     </div>
   );
-- 
cgit v1.2.3

