Disabling the Auto Save and Auto Mode button on the UI

main.js

@@ -304,7 +304,7 @@ const createWindow = () => {
     else updateTitle(arg);
   });
   ipcMain.on('autoSave', (event, arg) => {
-    store.set('autoSave', arg.autoSave);
+    console.log('Auto Save feature is disabled.');
   });
 };
 

src/App.js

@@ -308,9 +308,9 @@ function App() {
         <div className="power-tables">
           <div className="switches-container">
             <div className="row">
-              <div className="switch">Auto save</div>
+              <div className="switch">Auto Save</div>
               <Switch
-                checked={autoSave}
+                checked={false}
                 onChange={autoSaveChanged}
                 onColor="#f11f5e"
                 uncheckedIcon={false}
@@ -319,6 +319,7 @@ function App() {
                 activeBoxShadow="0px 0px 1px 10px rgba(0, 0, 0, 0.2)"
                 height={20}
                 width={40}
+                disabled
               />
             </div>
             <div className="row">
@@ -333,6 +334,7 @@ function App() {
                 activeBoxShadow="0px 0px 1px 10px rgba(0, 0, 0, 0.2)"
                 height={20}
                 width={40}
+                disabled
               />
             </div>
             <div className="notes" onClick={() => setModalOpen(true)}><PiNotepad size="28px" /></div>

src/tests/App.test.js

@@ -29,7 +29,7 @@ describe('App component', () => {
     );
 
     expect(screen.getByPlaceholderText('Top level name')).toBeInTheDocument();
-    expect(screen.getByText('Auto save')).toBeInTheDocument();
+    expect(screen.getByText('Auto Save')).toBeInTheDocument();
     expect(screen.getByText('Auto Mode')).toBeInTheDocument();
   });
 });