Cutlery/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-09 03:04:54 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix: Make sure recipe state is updated correctly (#2566)

Browse Source
This commit is contained in:
Johan Lindell 2023-09-30 01:59:27 +02:00 committed by GitHub
parent b32e2f1bf7
commit 40ab328bb9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/composables/recipe-page/shared-state.ts
View File

@ -51,13 +51,20 @@ interface PageState {
toggleCookMode: () => void;
}
const memo: Record<string, PageState> = {};
type PageRefs = ReturnType<typeof pageRefs>;
function pageStateConstructor(slug: string): PageState {
const slugRef = ref(slug);
const pageModeRef = ref(PageMode.VIEW);
const editModeRef = ref(EditorMode.FORM);
const memo: Record<string, PageRefs> = {};
function pageRefs(slug: string) {
return {
slugRef: ref(slug),
pageModeRef: ref(PageMode.VIEW),
editModeRef: ref(EditorMode.FORM),
imageKey: ref(1),
};
}
function pageState({ slugRef, pageModeRef, editModeRef, imageKey }: PageRefs): PageState {
const toggleEditMode = () => {
if (editModeRef.value === EditorMode.FORM) {
editModeRef.value = EditorMode.JSON;
@ -92,7 +99,7 @@ function pageStateConstructor(slug: string): PageState {
slug: slugRef,
pageMode: computed(() => pageModeRef.value),
editMode: computed(() => editModeRef.value),
imageKey: ref(1),
imageKey,
toggleEditMode,
setMode,
@ -120,10 +127,10 @@ function pageStateConstructor(slug: string): PageState {
*/
export function usePageState(slug: string): PageState {
if (!memo[slug]) {
memo[slug] = pageStateConstructor(slug);
memo[slug] = pageRefs(slug);
}
return memo[slug];
return pageState(memo[slug]);
}
export function clearPageState(slug: string) {