diff --git a/src/components/Dashboard/Modals/AboutModal/AboutModal.tsx b/src/components/Dashboard/Modals/AboutModal/AboutModal.tsx
index c5c70e641..bc3ae16a0 100644
--- a/src/components/Dashboard/Modals/AboutModal/AboutModal.tsx
+++ b/src/components/Dashboard/Modals/AboutModal/AboutModal.tsx
@@ -12,7 +12,6 @@ import {
Table,
Text,
Title,
- Tooltip,
createStyles,
} from '@mantine/core';
import {
@@ -35,7 +34,6 @@ import { ReactNode } from 'react';
import { useConfigContext } from '../../../../config/provider';
import { useConfigStore } from '../../../../config/store';
-import { useEditModeInformationStore } from '../../../../hooks/useEditModeInformation';
import { usePackageAttributesStore } from '../../../../tools/client/zustands/usePackageAttributesStore';
import { useColorTheme } from '../../../../tools/color';
import Credits from '../../../Settings/Common/Credits';
@@ -201,7 +199,6 @@ interface ExtendedInitOptions extends InitOptions {
const useInformationTableItems = (newVersionAvailable?: string): InformationTableItem[] => {
const { attributes } = usePackageAttributesStore();
- const { editModeEnabled } = useEditModeInformationStore();
const { primaryColor } = useColorTheme();
const { configVersion } = useConfigContext();
@@ -209,31 +206,6 @@ const useInformationTableItems = (newVersionAvailable?: string): InformationTabl
let items: InformationTableItem[] = [];
- if (editModeEnabled) {
- items = [
- ...items,
- {
- icon: ,
- label: 'experimental_disableEditMode',
- content: (
-
- WARNING
-
- ),
- },
- ];
- }
-
if (i18n !== null) {
const usedI18nNamespaces = i18n.reportNamespaces.getUsedNamespaces();
const initOptions = i18n.options as ExtendedInitOptions;
diff --git a/src/components/layout/header/Header.tsx b/src/components/layout/header/Header.tsx
index 4398efc54..0e74aa771 100644
--- a/src/components/layout/header/Header.tsx
+++ b/src/components/layout/header/Header.tsx
@@ -3,7 +3,6 @@ import { useQuery } from '@tanstack/react-query';
import { useSession } from 'next-auth/react';
import { REPO_URL } from '../../../../data/constants';
-import { useEditModeInformationStore } from '../../../hooks/useEditModeInformation';
import DockerMenuButton from '../../../modules/Docker/DockerModule';
import { usePackageAttributesStore } from '../../../tools/client/zustands/usePackageAttributesStore';
import { Logo } from '../Logo';
@@ -18,7 +17,7 @@ export function Header(props: any) {
const { classes } = useStyles();
const { classes: cardClasses, cx } = useCardStyles(false);
const { attributes } = usePackageAttributesStore();
- const { editModeEnabled } = useEditModeInformationStore();
+ const { data: sessionData } = useSession();
const { data } = useQuery({
queryKey: ['github/latest'],
@@ -43,8 +42,12 @@ export function Header(props: any) {
noWrap
>
- {!editModeEnabled && }
-
+ {sessionData?.user?.isAdmin && (
+ <>
+
+
+ >
+ )}
- {!editModeEnabled && (
+ {sessionData?.user?.isAdmin && (
} onClick={drawer.open}>
{t('sections.settings')}
diff --git a/src/hooks/useEditModeInformation.ts b/src/hooks/useEditModeInformation.ts
deleted file mode 100644
index c59edc86c..000000000
--- a/src/hooks/useEditModeInformation.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { create } from 'zustand';
-
-interface EditModeInformationStore {
- editModeEnabled: boolean;
- setDisabled: () => void;
-}
-
-export const useEditModeInformationStore = create((set) => ({
- editModeEnabled: false,
- setDisabled: () => set(() => ({ editModeEnabled: true })),
-}));