TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-08 04:03:12 +03:00
Code Issues Projects Releases Wiki Activity

Improved naming in AdminX dirty state handling

Browse Source 
refs https://github.com/TryGhost/Team/issues/3349
This commit is contained in:
Jono Mingard 2023-06-20 19:59:47 +10:00
parent 5a6421c8bb
commit 384b468cbb
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
ghost/admin-x-settings/src/hooks/useGlobalDirtyState.tsx
View File

@ -1,23 +1,23 @@
import React, {useCallback, useContext, useEffect, useId, useState} from 'react';
interface GlobalDirtyState {
setGlobalDirtyState: (reason: string, dirty: boolean) => void;
setGlobalDirtyState: (id: string, dirty: boolean) => void;
}
const GlobalDirtyStateContext = React.createContext<GlobalDirtyState>({setGlobalDirtyState: () => {}});
export const GlobalDirtyStateProvider = ({setDirty, children}: {setDirty?: (dirty: boolean) => void; children: React.ReactNode}) => {
// Allows each component to register itself as dirty, so when one is reset/saved the overall page dirty state persists
const [dirtyReasons, setDirtyReasons] = useState<string[]>([]);
// Allows each component to register itself as dirty with a unique ID, so when one is reset/saved the overall page dirty state persists
const [dirtyIds, setDirtyIds] = useState<string[]>([]);
const setGlobalDirtyState = useCallback((reason: string, dirty: boolean) => {
setDirtyReasons((current) => {
if (dirty && !current.includes(reason)) {
return [...current, reason];
const setGlobalDirtyState = useCallback((id: string, dirty: boolean) => {
setDirtyIds((current) => {
if (dirty && !current.includes(id)) {
return [...current, id];
}
if (!dirty && current.includes(reason)) {
return current.filter(currentReason => currentReason !== reason);
if (!dirty && current.includes(id)) {
return current.filter(currentId => currentId !== id);
}
return current;
@ -25,8 +25,8 @@ export const GlobalDirtyStateProvider = ({setDirty, children}: {setDirty?: (dirt
}, []);
useEffect(() => {
setDirty?.(dirtyReasons.length > 0);
}, [dirtyReasons, setDirty]);
setDirty?.(dirtyIds.length > 0);
}, [dirtyIds, setDirty]);
return (
<GlobalDirtyStateContext.Provider value={{setGlobalDirtyState}}>