From 439a3d5a45e509237550b897c9ab4579f7c9ba51 Mon Sep 17 00:00:00 2001
From: Ricki Moore <mrricki.m.usmc@gmail.com>
Date: Thu, 27 Jun 2024 07:17:01 +0200
Subject: [PATCH] Fix: prod build (#250)

---
 app/dashboard/settings/Main.tsx          | 54 +++++++++++-------------
 src/components/Typography/Typography.tsx |  1 +
 2 files changed, 25 insertions(+), 30 deletions(-)

diff --git a/app/dashboard/settings/Main.tsx b/app/dashboard/settings/Main.tsx
index b3fdb738..9cb05b1c 100644
--- a/app/dashboard/settings/Main.tsx
+++ b/app/dashboard/settings/Main.tsx
@@ -1,33 +1,27 @@
-'use client'
+'use client';
 
-import React, { FC, useState } from 'react'
-import { useTranslation } from 'react-i18next'
-import LighthouseSvg from '../../../src/assets/images/lighthouse-black.svg'
-import AppDescription from '../../../src/components/AppDescription/AppDescription'
-import AppVersion from '../../../src/components/AppVersion/AppVersion'
-import DashboardWrapper from '../../../src/components/DashboardWrapper/DashboardWrapper'
-import Input from '../../../src/components/Input/Input'
-import SocialIcon from '../../../src/components/SocialIcon/SocialIcon'
-import Toggle from '../../../src/components/Toggle/Toggle'
-import Typography from '../../../src/components/Typography/Typography'
-import UiModeIcon from '../../../src/components/UiModeIcon/UiModeIcon'
-import {
-  DiscordUrl,
-  LighthouseBookUrl,
-  SigPGithubUrl,
-  SigPIoUrl,
-  SigPTwitter,
-} from '../../../src/constants/constants'
-import { UiMode } from '../../../src/constants/enums'
-import useLocalStorage from '../../../src/hooks/useLocalStorage'
-import useNetworkMonitor from '../../../src/hooks/useNetworkMonitor'
-import useSWRPolling from '../../../src/hooks/useSWRPolling'
-import useUiMode from '../../../src/hooks/useUiMode'
-import { OptionalString } from '../../../src/types'
-import { BeaconNodeSpecResults, SyncData } from '../../../src/types/beacon'
-import { Diagnostics } from '../../../src/types/diagnostic'
-import { UsernameStorage } from '../../../src/types/storage'
-import addClassString from '../../../utilities/addClassString'
+import React, { FC, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import LighthouseSvg from '../../../src/assets/images/lighthouse-black.svg';
+import AppDescription from '../../../src/components/AppDescription/AppDescription';
+import AppVersion from '../../../src/components/AppVersion/AppVersion';
+import DashboardWrapper from '../../../src/components/DashboardWrapper/DashboardWrapper';
+import Input from '../../../src/components/Input/Input';
+import SocialIcon from '../../../src/components/SocialIcon/SocialIcon';
+import Toggle from '../../../src/components/Toggle/Toggle';
+import Typography from '../../../src/components/Typography/Typography';
+import UiModeIcon from '../../../src/components/UiModeIcon/UiModeIcon';
+import { DiscordUrl, LighthouseBookUrl, SigPGithubUrl, SigPIoUrl, SigPTwitter } from '../../../src/constants/constants';
+import { UiMode } from '../../../src/constants/enums';
+import useLocalStorage from '../../../src/hooks/useLocalStorage';
+import useNetworkMonitor from '../../../src/hooks/useNetworkMonitor';
+import useSWRPolling from '../../../src/hooks/useSWRPolling';
+import useUiMode from '../../../src/hooks/useUiMode';
+import { OptionalString } from '../../../src/types';
+import { BeaconNodeSpecResults, SyncData } from '../../../src/types/beacon';
+import { Diagnostics } from '../../../src/types/diagnostic';
+import { UsernameStorage } from '../../../src/types/storage';
+import addClassString from '../../../utilities/addClassString';
 
 export interface MainProps {
   initNodeHealth: Diagnostics
@@ -115,7 +109,7 @@ const Main: FC<MainProps> = (props) => {
                     {t('sidebar.theme')}
                   </Typography>
                   <UiModeIcon mode={mode} />
-                  <Toggle id='uiModeToggle' value={mode === UiMode.DARK} onChange={toggleUiMode} />
+                  <Toggle id='uiModeToggle' value={mode === UiMode.DARK} onChange={(value: boolean) => toggleUiMode(value ? UiMode.DARK : UiMode.LIGHT)} />
                 </div>
               </div>
               <AppVersion bnVersion={bnVersion} vcVersion={lighthouseVersion} className='mt-4' />
diff --git a/src/components/Typography/Typography.tsx b/src/components/Typography/Typography.tsx
index 9bc470fa..3021cd4d 100644
--- a/src/components/Typography/Typography.tsx
+++ b/src/components/Typography/Typography.tsx
@@ -19,6 +19,7 @@ type TagsSupported = (typeof tagsSupported)[number]
 export type TypographyFamily = 'font-openSauce' | 'font-roboto' | 'font-archivo'
 
 export type TypographyColor =
+  | 'text-darkFull'
   | 'text-dark900'
   | 'text-dark500'
   | 'text-dark300'