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 })), -}));