From db7176f83c8237d05a11c325378cc4503e686252 Mon Sep 17 00:00:00 2001
From: 0xzion <0xyz.penx@gmail.com>
Date: Sat, 14 Oct 2023 20:00:44 +0800
Subject: [PATCH] feat: can remove favorite

---
 .../app/src/EditorLayout/AllDocsBox/AllDocsTable.tsx | 12 +++++++++++-
 .../app/src/EditorLayout/DocNav/FavoriteButton.tsx   |  2 +-
 packages/app/src/EditorLayout/DocNav/MorePopover.tsx |  2 --
 3 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/packages/app/src/EditorLayout/AllDocsBox/AllDocsTable.tsx b/packages/app/src/EditorLayout/AllDocsBox/AllDocsTable.tsx
index b0a35874..49d08bf3 100644
--- a/packages/app/src/EditorLayout/AllDocsBox/AllDocsTable.tsx
+++ b/packages/app/src/EditorLayout/AllDocsBox/AllDocsTable.tsx
@@ -2,6 +2,7 @@ import { Box } from '@fower/react'
 import { Trash2 } from 'lucide-react'
 import { Button, ColumnsType, Table } from 'uikit'
 import { Doc, DocService } from '@penx/domain'
+import { store } from '@penx/store'
 
 interface Props {
   docs: Doc[]
@@ -44,7 +45,16 @@ export const AllDocsTable = ({ docs }: Props) => {
       render(_, item) {
         return (
           <Box toCenterY gap1>
-            <Button size={28} variant="ghost" colorScheme="gray500" isSquare>
+            <Button
+              size={28}
+              variant="ghost"
+              colorScheme="gray500"
+              isSquare
+              onClick={async (e) => {
+                e.stopPropagation()
+                await store.trashDoc(item.id)
+              }}
+            >
               <Trash2 />
             </Button>
           </Box>
diff --git a/packages/app/src/EditorLayout/DocNav/FavoriteButton.tsx b/packages/app/src/EditorLayout/DocNav/FavoriteButton.tsx
index 1b3956d9..974577cc 100644
--- a/packages/app/src/EditorLayout/DocNav/FavoriteButton.tsx
+++ b/packages/app/src/EditorLayout/DocNav/FavoriteButton.tsx
@@ -6,7 +6,7 @@ import { useDoc } from '@penx/hooks'
 interface Props {}
 
 export const FavoriteButton: FC<PropsWithChildren<Props>> = () => {
-  const { doc, docService } = useDoc()
+  const { docService } = useDoc()
   const isFavorite = docService.isFavorite()
   return (
     <Button
diff --git a/packages/app/src/EditorLayout/DocNav/MorePopover.tsx b/packages/app/src/EditorLayout/DocNav/MorePopover.tsx
index ef53062c..be0cb491 100644
--- a/packages/app/src/EditorLayout/DocNav/MorePopover.tsx
+++ b/packages/app/src/EditorLayout/DocNav/MorePopover.tsx
@@ -28,8 +28,6 @@ export const MorePopover = () => {
           <MenuItem
             gap2
             onClick={async () => {
-              // await store.trashDoc(doc.id)
-              console.log('docId:', doc.id, store.getDoc().id)
               await store.trashDoc(store.getDoc().id)
             }}
           >