Use community viewer toolbars in editor app

2026-05-12 09:49:10 +05:30
parent 3326517de7
commit 2fc754108d
6 changed files with 425 additions and 13 deletions
@@ -1,14 +1,12 @@
 'use client'

-import {
-  Editor,
-  ItemsPanel,
-  type SidebarTab,
-  ViewerToolbarLeft,
-  ViewerToolbarRight,
-} from '@pascal-app/editor'
+import { Editor, ItemsPanel } from '@pascal-app/editor'
 import { Layers, Package, Settings } from 'lucide-react'
 import Link from 'next/link'
+import {
+  CommunityViewerToolbarLeft,
+  CommunityViewerToolbarRight,
+} from '@/components/viewer-toolbar'

 const SIDEBAR_TABS = [
  {
@@ -59,8 +57,8 @@ export default function Home() {
        layoutVersion="v2"
        projectId={PROJECT_ID}
        sidebarTabs={SIDEBAR_TABS}
-        viewerToolbarLeft={<ViewerToolbarLeft />}
-        viewerToolbarRight={<ViewerToolbarRight />}
+        viewerToolbarLeft={<CommunityViewerToolbarLeft />}
+        viewerToolbarRight={<CommunityViewerToolbarRight />}
      />
    </div>
  )