alois/Verso
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #31329 from overleaf/mj-dark-mode-notification

Browse Source 
[web] Introduce notification for dashboard dark mode

GitOrigin-RevId: da5045d412ddc87a4b18823a4a5fa3192fe15c89
This commit is contained in:
Mathias Jakobsen
2026-02-12 09:05:36 +00:00
committed by Copybot
parent 55c3b6b7ea
commit 498c89c6ed
20 changed files with 369 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/web/frontend/js/shared/context/editor-context.tsx
-24
View File
@@ -29,10 +29,6 @@ export const EditorContext = createContext<
isProjectOwner: boolean
isRestrictedTokenMember?: boolean
isPendingEditor: boolean
deactivateTutorial: (tutorial: string) => void
inactiveTutorials: string[]
currentPopup: string | null
setCurrentPopup: Dispatch<SetStateAction<string | null>>
hasPremiumSuggestion: boolean
setHasPremiumSuggestion: (value: boolean) => void
setPremiumSuggestionResetDate: (date: Date) => void
@@ -77,11 +73,6 @@ export const EditorProvider: FC<React.PropsWithChildren> = ({ children }) => {
)
}, [])
const [inactiveTutorials, setInactiveTutorials] = useState(
() => getMeta('ol-inactiveTutorials') || []
)
const [currentPopup, setCurrentPopup] = useState<string | null>(null)
const [hasPremiumSuggestion, setHasPremiumSuggestion] = useState<boolean>(
() => {
return Boolean(
@@ -111,13 +102,6 @@ export const EditorProvider: FC<React.PropsWithChildren> = ({ children }) => {
[members, userId]
)
const deactivateTutorial = useCallback(
(tutorialKey: string) => {
setInactiveTutorials([...inactiveTutorials, tutorialKey])
},
[inactiveTutorials]
)
const renameProject = useCallback(
(newName: string) => {
const oldName = projectName
@@ -180,10 +164,6 @@ export const EditorProvider: FC<React.PropsWithChildren> = ({ children }) => {
isRestrictedTokenMember: getMeta('ol-isRestrictedTokenMember'),
isPendingEditor,
insertSymbol,
inactiveTutorials,
deactivateTutorial,
currentPopup,
setCurrentPopup,
hasPremiumSuggestion,
setHasPremiumSuggestion,
premiumSuggestionResetDate,
@@ -201,10 +181,6 @@ export const EditorProvider: FC<React.PropsWithChildren> = ({ children }) => {
renameProject,
isPendingEditor,
insertSymbol,
inactiveTutorials,
deactivateTutorial,
currentPopup,
setCurrentPopup,
hasPremiumSuggestion,
setHasPremiumSuggestion,
premiumSuggestionResetDate,
services/web/frontend/js/shared/context/tutorial-context.tsx
+64
View File
@@ -0,0 +1,64 @@
import getMeta from '@/utils/meta'
import {
createContext,
Dispatch,
FC,
SetStateAction,
useCallback,
useContext,
useMemo,
useState,
} from 'react'
export const TutorialContext = createContext<
| {
deactivateTutorial: (tutorial: string) => void
inactiveTutorials: string[]
currentPopup: string | null
setCurrentPopup: Dispatch<SetStateAction<string | null>>
}
| undefined
>(undefined)
export const TutorialProvider: FC<React.PropsWithChildren> = ({ children }) => {
const [inactiveTutorials, setInactiveTutorials] = useState(
() => getMeta('ol-inactiveTutorials') || []
)
const [currentPopup, setCurrentPopup] = useState<string | null>(null)
const deactivateTutorial = useCallback(
(tutorialKey: string) => {
setInactiveTutorials([...inactiveTutorials, tutorialKey])
},
[inactiveTutorials]
)
const value = useMemo(
() => ({
deactivateTutorial,
inactiveTutorials,
currentPopup,
setCurrentPopup,
}),
[deactivateTutorial, inactiveTutorials, currentPopup, setCurrentPopup]
)
return (
<TutorialContext.Provider value={value}>
{children}
</TutorialContext.Provider>
)
}
export function useTutorialContext() {
const context = useContext(TutorialContext)
if (!context) {
throw new Error(
'useTutorialContext is only available inside TutorialProvider'
)
}
return context
}