From dd895cdaa20c06f23c0e5d018752ed633d4a2092 Mon Sep 17 00:00:00 2001
From: OMPRAKASH MISHRA <omprakashmishra3978@gmail.com>
Date: Wed, 20 Mar 2024 15:54:06 -0700
Subject: [PATCH] BC Sans fix

---
 .../src/components/AuthorizationDetails.tsx   | 10 +++----
 frontend/src/components/AuthorizationList.tsx | 16 +++++-----
 frontend/src/theme.tsx                        | 30 +++++++++++++++++++
 3 files changed, 43 insertions(+), 13 deletions(-)

diff --git a/frontend/src/components/AuthorizationDetails.tsx b/frontend/src/components/AuthorizationDetails.tsx
index 8d1f7e05..ecb81514 100644
--- a/frontend/src/components/AuthorizationDetails.tsx
+++ b/frontend/src/components/AuthorizationDetails.tsx
@@ -43,7 +43,7 @@ export default function AuthorizationDetails() {
           <Stack direction="row" justifyContent="space-between">
             <span style={{
               color:'#000000',
-              fontFamily: 'BC Sans',
+              fontFamily: 'BCSans',
               fontStyle: 'bold',
               fontSize: '2em',
               lineHeight: '3em',
@@ -53,7 +53,7 @@ export default function AuthorizationDetails() {
               <Grid item xs={3}>
                  <span style={{
                    color: '#000000',
-                   fontFamily: 'BC Sans',
+                   fontFamily: 'BCSans',
                    fontStyle: 'normal',
                    fontWeight: 'bold',
                    fontSize: '1em',
@@ -63,7 +63,7 @@ export default function AuthorizationDetails() {
               <Grid item xs={3}>
                  <span style={{
                    color: '#000000',
-                   fontFamily: 'BC Sans',
+                   fontFamily: 'BCSans',
                    fontStyle: 'normal',
                    fontWeight: 'bold',
                    fontSize: '1em',
@@ -73,7 +73,7 @@ export default function AuthorizationDetails() {
               <Grid item xs={3}>
                  <span style={{
                    color: '#000000',
-                   fontFamily: 'BC Sans',
+                   fontFamily: 'BCSans',
                    fontStyle: 'normal',
                    fontWeight: 'bold',
                    fontSize: '1em',
@@ -83,7 +83,7 @@ export default function AuthorizationDetails() {
               <Grid item xs={3}>
                  <span style={{
                    color: '#000000',
-                   fontFamily: 'BC Sans',
+                   fontFamily: 'BCSans',
                    fontStyle: 'normal',
                    fontWeight: 'bold',
                    fontSize: '1em',
diff --git a/frontend/src/components/AuthorizationList.tsx b/frontend/src/components/AuthorizationList.tsx
index 9f68029a..99653e94 100644
--- a/frontend/src/components/AuthorizationList.tsx
+++ b/frontend/src/components/AuthorizationList.tsx
@@ -110,7 +110,7 @@ export default function AuthorizationList() {
       <Typography
         variant="h6"
         sx={{
-          fontFamily: 'BC Sans',
+          fontFamily: 'BCSans',
           fontWeight: 700,
           fontSize: 48,
           color: '#000000',
@@ -120,7 +120,7 @@ export default function AuthorizationList() {
       >
         Authorizations
       </Typography>
-      <Typography variant="h6" gutterBottom>
+      <Typography variant="h6" gutterBottom sx={{fontFamily: 'BCSans',}}>
         Authorized compost and biosolid facilities in B.C.
       </Typography>
     </CardContent>
@@ -347,7 +347,7 @@ export default function AuthorizationList() {
                           <Typography variant="body2" color="text.secondary">
                             <span
                               style={{
-                                fontFamily: 'BC Sans',
+                                fontFamily: 'BCSans',
                                 fontStyle: 'normal',
                                 fontWeight: 700,
                               }}
@@ -368,7 +368,7 @@ export default function AuthorizationList() {
                           <Typography variant="h5" component="div">
                             <span
                               style={{
-                                fontFamily: 'BC Sans',
+                                fontFamily: 'BCSans',
                                 fontStyle: 'normal',
                                 fontWeight: 700,
                               }}
@@ -381,7 +381,7 @@ export default function AuthorizationList() {
                             <Grid item xs={6}>
                               <span
                                 style={{
-                                  fontFamily: 'BC Sans',
+                                  fontFamily: 'BCSans',
                                   fontStyle: 'normal',
                                   fontWeight: 700,
                                 }}
@@ -392,7 +392,7 @@ export default function AuthorizationList() {
                             <Grid item xs={6}>
                               <span
                                 style={{
-                                  fontFamily: 'BC Sans',
+                                  fontFamily: 'BCSans',
                                   fontStyle: 'normal',
                                   fontWeight: 700,
                                 }}
@@ -409,7 +409,7 @@ export default function AuthorizationList() {
                             <Grid item xs={6}>
                               <span
                                 style={{
-                                  fontFamily: 'BC Sans',
+                                  fontFamily: 'BCSans',
                                   fontStyle: 'normal',
                                 }}
                               >
@@ -419,7 +419,7 @@ export default function AuthorizationList() {
                             <Grid item xs={6}>
                               <span
                                 style={{
-                                  fontFamily: 'BC Sans',
+                                  fontFamily: 'BCSans',
                                   fontStyle: 'normal',
                                 }}
                               >
diff --git a/frontend/src/theme.tsx b/frontend/src/theme.tsx
index ab04d815..5c092947 100644
--- a/frontend/src/theme.tsx
+++ b/frontend/src/theme.tsx
@@ -19,6 +19,36 @@ const theme = createTheme({
       main: '#234720',
     },
   },
+  typography: {
+    fontFamily: 'BCSans !important',
+  },
+  components: {
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          textTransform: 'none',
+          fontFamily: 'BCSans',
+        },
+      },
+    },
+    MuiChip: {
+      styleOverrides: {
+        root: {
+          textTransform: 'none',
+          fontFamily: 'BCSans',
+        },
+      },
+    },
+    MuiLink: {
+      styleOverrides: {
+        root: {
+          textTransform: 'none',
+          fontFamily: 'BCSans',
+        },
+      },
+    },
+  },
+
 })
 
 export default theme