Rename ConfigDialog to SettingsDialog; fix settings modal open condit…

…ion.
y-scope · Sep 11, 2024 · 023fe23 · 023fe23
1 parent 4696112
commit 023fe23
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/new-log-viewer/src/components/MenuBar/index.tsx b/new-log-viewer/src/components/MenuBar/index.tsx
@@ -75,14 +75,14 @@ const MenuBar = () => {
                 </SmallIconButton>
                 <Divider orientation={"vertical"}/>
                 <SmallIconButton
-                    onClick={handleSettingsModalClose}
+                    onClick={handleSettingsModalOpen}
                 >
                     <Settings/>
                 </SmallIconButton>
             </Sheet>
             <ConfigModal
                 isOpen={isSettingsModalOpen}
-                onClose={handleSettingsModalOpen}/>
+                onClose={handleSettingsModalClose}/>
         </>
     );
 };

diff --git a/...nts/modals/SettingsModal/ConfigDialog.tsx → ...s/modals/SettingsModal/SettingsDialog.tsx b/...nts/modals/SettingsModal/ConfigDialog.tsx → ...s/modals/SettingsModal/SettingsDialog.tsx
@@ -109,11 +109,11 @@ const handleConfigFormSubmit = (ev: React.FormEvent) => {
 };
 
 /**
- * Renders a configuration settings form.
+ * Renders a settings dialog for configurations.
  *
  * @return
  */
-const ConfigDialog = forwardRef<HTMLFormElement>((_, ref) => {
+const SettingsDialog = forwardRef<HTMLFormElement>((_, ref) => {
     const {setMode, mode} = useColorScheme();
 
     return (
@@ -199,6 +199,6 @@ const ConfigDialog = forwardRef<HTMLFormElement>((_, ref) => {
     );
 });
 
-ConfigDialog.displayName = "ConfigDialog";
+SettingsDialog.displayName = "SettingsDialog";
 
-export default ConfigDialog;
+export default SettingsDialog;
diff --git a/new-log-viewer/src/components/modals/SettingsModal/index.tsx b/new-log-viewer/src/components/modals/SettingsModal/index.tsx
@@ -1,6 +1,6 @@
 import Modal from "@mui/joy/Modal";
 
-import ConfigDialog from "./ConfigDialog";
+import SettingsDialog from "./SettingsDialog";
 
 import "./index.css";
 
@@ -19,7 +19,7 @@ const ConfigModal = ({isOpen, onClose}: { isOpen: boolean, onClose: () => void }
             open={isOpen}
             onClose={onClose}
         >
-            <ConfigDialog/>
+            <SettingsDialog/>
         </Modal>
     );
 };