Merge pull request #3685 from udecode/history/callout

udecode · Oct 29, 2024 · d716be9 · d716be9
2 parents ea56a08 + 316e757
commit d716be9
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 6 deletions.
diff --git a/.changeset/honest-apples-grab.md b/.changeset/honest-apples-grab.md
@@ -0,0 +1,5 @@
+---
+'@udecode/plate-callout': patch
+---
+
+Fix set local storage
diff --git a/packages/callout/src/lib/transforms/insertCallout.ts b/packages/callout/src/lib/transforms/insertCallout.ts
@@ -4,10 +4,9 @@ import {
   insertNodes,
 } from '@udecode/plate-common';
 
-import { CalloutPlugin } from '../../react';
 import { type TCalloutElement, BaseCalloutPlugin } from '../BaseCalloutPlugin';
 
-export const CALLOUT_STORAGE_KEY = `plate-storage-${CalloutPlugin.key}`;
+export const CALLOUT_STORAGE_KEY = `plate-storage-callout`;
 
 export const insertCallout = <E extends SlateEditor>(
   editor: E,
@@ -30,6 +29,4 @@ export const insertCallout = <E extends SlateEditor>(
     },
     options as any
   );
-
-  icon && localStorage.setItem(CALLOUT_STORAGE_KEY, icon);
 };
diff --git a/packages/callout/src/react/hooks/useCalloutEmojiPicker.ts b/packages/callout/src/react/hooks/useCalloutEmojiPicker.ts
@@ -5,7 +5,7 @@ import {
   useElement,
 } from '@udecode/plate-common/react';
 
-import type { TCalloutElement } from '../../lib';
+import { type TCalloutElement, CALLOUT_STORAGE_KEY } from '../../lib';
 
 export interface UseCalloutEmojiPickerOptions {
   isOpen: boolean;
@@ -33,9 +33,13 @@ export const useCalloutEmojiPicker = ({
       isOpen,
       setIsOpen,
       onSelectEmoji: (emojiValue: any) => {
+        const icon = emojiValue.skins?.[0]?.native ?? emojiValue.icon;
+
         setNode<TCalloutElement>(editor, element, {
-          icon: emojiValue.skins?.[0]?.native ?? emojiValue.icon,
+          icon,
         });
+
+        localStorage.setItem(CALLOUT_STORAGE_KEY, icon);
         setIsOpen(false);
       },
     },