remove the explicit theme provider for bottom bar

Signed-off-by: Nilesh Gupta <[email protected]>
UKHomeOffice · Nov 25, 2024 · 4b4c617 · 4b4c617
1 parent aea6e0c
commit 4b4c617
Showing 1 changed file with 17 additions and 20 deletions.
diff --git a/src/components/Footer/BottomBar.tsx b/src/components/Footer/BottomBar.tsx
@@ -1,6 +1,5 @@
 import React from 'react';
-import {AppBar, Link, ThemeProvider, Toolbar, Typography} from "@mui/material";
-import {drtTheme} from "../../index";
+import {AppBar, Link, Toolbar, Typography} from "@mui/material";
 
 export interface BottomBarProps {
   email: string;
@@ -10,25 +9,23 @@ export interface BottomBarProps {
 
 export const BottomBar = ({email, onClickAccessibilityStatement, url}: BottomBarProps) => {
   return (
-    <ThemeProvider theme={drtTheme}>
-      <AppBar position="static" color="default" sx={{top: 'auto', bottom: 0}}>
-        <Toolbar sx={{
-          display: 'flex',
-          gap: '12px',
-          flexDirection: {xs: 'column', sm: 'row'},
-          alignItems: {xs: 'flex-start', sm: 'center'}
+    <AppBar position="static" color="default" sx={{top: 'auto', bottom: 0}}>
+      <Toolbar sx={{
+        display: 'flex',
+        gap: '12px',
+        flexDirection: {xs: 'column', sm: 'row'},
+        alignItems: {xs: 'flex-start', sm: 'center'}
+      }}>
+        <Typography variant="body1">Support links:</Typography>
+        <Link href={`mailto:${email}`} target="_blank" underline="always">Email us</Link>
+        <Link underline="always" href="#accessibility/" onClick={() => {
+          onClickAccessibilityStatement();
         }}>
-          <Typography variant="body1">Support links:</Typography>
-          <Link href={`mailto:${email}`} target="_blank" underline="always">Email us</Link>
-          <Link underline="always" href="#accessibility/" onClick={() => {
-            onClickAccessibilityStatement();
-          }}>
-            Accessibility statement
-          </Link>
-          <Link href={`${url}`} target="_blank" underline="always">Give feedback</Link>
-        </Toolbar>
-      </AppBar>
-    </ThemeProvider>
+          Accessibility statement
+        </Link>
+        <Link href={`${url}`} target="_blank" underline="always">Give feedback</Link>
+      </Toolbar>
+    </AppBar>
   );
 };