Fix enable/disable edit mode (#1333)

src/components/Dashboard/Modals/AboutModal/AboutModal.tsx

@@ -210,7 +210,7 @@ const useInformationTableItems = (newVersionAvailable?: string): InformationTabl
 
   let items: InformationTableItem[] = [];
 
-  if (editModeEnabled) {
+  if (!editModeEnabled) {
     items = [
       ...items,
       {

src/components/layout/header/Header.tsx

@@ -42,7 +42,7 @@ export function Header(props: any) {
           noWrap
         >
           <Search />
-          {!editModeEnabled && <ToggleEditModeAction />}
+          {editModeEnabled && <ToggleEditModeAction />}
           <DockerMenuButton />
           <Indicator
             size={15}

src/components/layout/header/SettingsMenu.tsx

@@ -29,7 +29,7 @@ export function SettingsMenu({ newVersionAvailable }: { newVersionAvailable: str
           <ColorSchemeSwitch />
           <EditModeToggle />
           <Menu.Divider />
-          {!editModeEnabled && (
+          {editModeEnabled && (
             <Menu.Item icon={<IconSettings strokeWidth={1.2} size={18} />} onClick={drawer.open}>
               {t('sections.settings')}
             </Menu.Item>

src/components/layout/header/SettingsMenu/EditModeToggle.tsx

@@ -61,7 +61,7 @@ function ModalContent() {
 
 export function EditModeToggle() {
   const { editModeEnabled } = useEditModeInformationStore();
-  const Icon = editModeEnabled ? IconEdit : IconEditOff;
+  const Icon = editModeEnabled ? IconEditOff : IconEdit;
   const { t } = useTranslation('settings/general/edit-mode-toggle');
 
   return (
@@ -77,7 +77,7 @@ export function EditModeToggle() {
         })
       }
     >
-      {editModeEnabled ? t('menu.enable') : t('menu.disable')}
+      {editModeEnabled ? t('menu.disable') : t('menu.enable')}
     </Menu.Item>
   );
 }