viwer

src/pages/editor/components/LayersPanel.tsx

@@ -1,4 +1,4 @@
-import { DocumentText, Layer, ArrowRight2 } from 'iconsax-react'
+import { Layer, ArrowRight2, Book1 } from 'iconsax-react'
 import { clx } from '@/helpers/utils'
 import { useState } from 'react'
 import PagesPanel from './PagesPanel'
@@ -25,7 +25,7 @@ const LayersPanel = ({ isOpen, setIsOpen }: LayersPanelProps) => {
             }}
             className="w-10 h-10 flex items-center justify-center rounded-lg hover:bg-gray-200 transition-colors"
           >
-            <DocumentText size={24} color="black" />
+            <Book1 size={24} color="black" />
           </button>
           <button
             onClick={() => {
@@ -44,18 +44,16 @@ const LayersPanel = ({ isOpen, setIsOpen }: LayersPanelProps) => {
   return (
     <div className="fixed left-4 top-[100px] bottom-4 z-30 flex flex-col">
       <div className="bg-white rounded-l-4xl w-16 h-full flex flex-col items-center gap-4 p-4">
-
         <button
           onClick={() => {
             setActiveTab('pages')
           }}
-
           className={clx(
             'w-10 h-10 flex items-center justify-center rounded-lg transition-colors',
             activeTab === 'pages' ? 'bg-white' : 'hover:bg-gray-200'
           )}
         >
-          <Layer variant={activeTab === 'pages' ? 'Bold' : 'Outline'} size={24} color="black" />
+          <Book1 variant={activeTab === 'pages' ? 'Bold' : 'Outline'} size={24} color="black" />
         </button>
 
         <button
@@ -67,7 +65,7 @@ const LayersPanel = ({ isOpen, setIsOpen }: LayersPanelProps) => {
             activeTab === 'layers' ? 'bg-white' : 'hover:bg-gray-200'
           )}
         >
-          <DocumentText variant={activeTab === 'layers' ? 'Bold' : 'Outline'} size={24} color="black" />
+          <Layer variant={activeTab === 'layers' ? 'Bold' : 'Outline'} size={24} color="black" />
         </button>
       </div>