Move toolbar inside comments provider

udecode · Dec 5, 2023 · 78d26b5 · 78d26b5
1 parent e264333
commit 78d26b5
Showing 1 changed file with 11 additions and 11 deletions.
diff --git a/apps/www/src/registry/default/example/playground-demo.tsx b/apps/www/src/registry/default/example/playground-demo.tsx
@@ -310,16 +310,16 @@ export default function PlaygroundDemo({ id }: { id?: ValueId }) {
           plugins={plugins}
           normalizeInitialValue
         >
-          {enabled['fixed-toolbar'] && (
-            <FixedToolbar>
-              {enabled['fixed-toolbar-buttons'] && (
-                <PlaygroundFixedToolbarButtons id={id} />
-              )}
-            </FixedToolbar>
-          )}
+          <CommentsProvider>
+            {enabled['fixed-toolbar'] && (
+              <FixedToolbar>
+                {enabled['fixed-toolbar-buttons'] && (
+                  <PlaygroundFixedToolbarButtons id={id} />
+                )}
+              </FixedToolbar>
+            )}
 
-          <div className="flex w-full">
-            <CommentsProvider>
+            <div className="flex w-full">
               <div
                 ref={containerRef}
                 className={cn(
@@ -364,8 +364,8 @@ export default function PlaygroundDemo({ id }: { id?: ValueId }) {
               {isEnabled('comment', id, enabled['comments-popover']) && (
                 <CommentsPopover />
               )}
-            </CommentsProvider>
-          </div>
+            </div>
+          </CommentsProvider>
         </Plate>
       </div>
     </DndProvider>