Merge branch 'dev' of https://github.com/Tauffer-Consulting/domino in…

…to dev
Tauffer-Consulting · May 21, 2024 · 33efa67 · 33efa67
2 parents ba82d27 + 2229795
commit 33efa67
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 30 deletions.
diff --git a/frontend/src/context/storage/useStorage.tsx b/frontend/src/context/storage/useStorage.tsx
@@ -1,9 +1,5 @@
-import React, {
-  type ReactNode,
-  createContext,
-  useCallback,
-  useContext,
-} from "react";
+import { createCustomContext } from "@utils/createCustomContext.function";
+import React, { type ReactNode, useCallback } from "react";
 
 import { stringifyOrKepOriginal, tryParseJSON } from "./utils/parseJson";
 
@@ -14,20 +10,8 @@ interface IStorageContext {
   clear: () => void;
 }
 
-const defaultStorageState = {
-  getItem: (_k: string) => null,
-  setItem: (_k: string, _v: string | object) => {},
-  removeItem: (_k: string) => {},
-  clear: () => {},
-};
-
-const StorageContext = createContext<IStorageContext>(defaultStorageState);
-
-export function useStorage(): IStorageContext {
-  const context = useContext(StorageContext);
-
-  return context;
-}
+export const [StorageContext, useStorage] =
+  createCustomContext<IStorageContext>("Storage Context");
 
 export const StorageProvider: React.FC<{ children?: ReactNode }> = ({
   children,

diff --git a/frontend/src/context/theme/theme.config.ts b/frontend/src/context/theme/theme.config.ts
@@ -137,6 +137,20 @@ export const darkTheme = createTheme({
       defaultProps: {
         color: "secondary",
       },
+      styleOverrides: {
+        root: ({ ownerState }) => ({
+          ...(ownerState.variant === "outlined" &&
+            ownerState.color === "secondary" && {
+              color: "#00B140",
+              borderColor: "#00B140",
+            }),
+          ...(ownerState.variant === "outlined" &&
+            ownerState.color === "primary" && {
+              color: "#283D52",
+              borderColor: "#283D52",
+            }),
+        }),
+      },
     },
   },
 });
diff --git a/frontend/src/features/myWorkflows/components/ResultsReport/index.tsx b/frontend/src/features/myWorkflows/components/ResultsReport/index.tsx
@@ -105,6 +105,7 @@ export const ResultsReport: React.FC = () => {
             navigate(-1);
           }}
           variant="text"
+          color="primary"
         >
           <Typography component="span">{`< Go back to ${workflow?.name} Detail`}</Typography>
         </Button>

diff --git a/frontend/src/features/myWorkflows/components/ResultsReport/skeleton.tsx b/frontend/src/features/myWorkflows/components/ResultsReport/skeleton.tsx
@@ -37,6 +37,7 @@ export const ResultsReportSkeleton: React.FC = () => {
             navigate(-1);
           }}
           variant="text"
+          color="primary"
         >
           <Typography component="span">{`< Go back to Detail`}</Typography>
         </Button>

diff --git a/frontend/src/providers/app.tsx b/frontend/src/providers/app.tsx
@@ -12,19 +12,22 @@ import "react-toastify/dist/ReactToastify.css";
 import { AppRoutes } from "../routes";
 
 export const App: FC = () => (
-  <ColorModeProvider>
-    <QueryClientProvider client={queryClient}>
-      <ReactQueryDevtools initialIsOpen={false} buttonPosition="bottom-right" />
-      <BrowserRouter>
-        <StorageProvider>
+  <StorageProvider>
+    <ColorModeProvider>
+      <QueryClientProvider client={queryClient}>
+        <ReactQueryDevtools
+          initialIsOpen={false}
+          buttonPosition="bottom-right"
+        />
+        <BrowserRouter>
           <AuthenticationProvider>
             <AppRoutes />
           </AuthenticationProvider>
-        </StorageProvider>
-      </BrowserRouter>
-    </QueryClientProvider>
-    <ToastContainer />
-  </ColorModeProvider>
+        </BrowserRouter>
+      </QueryClientProvider>
+      <ToastContainer />
+    </ColorModeProvider>
+  </StorageProvider>
 );
 
 export default App;