From 37286f8d5eb1fa9690ba8d8b66a290e30f2473e3 Mon Sep 17 00:00:00 2001
From: Hongbo Wu <hongbo@omnivore.app>
Date: Thu, 20 Oct 2022 12:17:02 +0800
Subject: [PATCH] Mention highlights be deleted too

---
 .../templates/homeFeed/HomeFeedContainer.tsx  | 24 +++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
index c3be5cc91..73e5d3daa 100644
--- a/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
+++ b/packages/web/components/templates/homeFeed/HomeFeedContainer.tsx
@@ -346,8 +346,22 @@ export function HomeFeedContainer(): JSX.Element {
   }
 
   const modalTargetItem = useMemo(() => {
-    return (labelsTarget || snoozeTarget || shareTarget || linkToEdit || linkToRemove || linkToUnsubscribe)
-  }, [labelsTarget, snoozeTarget, shareTarget, linkToEdit, linkToRemove, linkToUnsubscribe])
+    return (
+      labelsTarget ||
+      snoozeTarget ||
+      shareTarget ||
+      linkToEdit ||
+      linkToRemove ||
+      linkToUnsubscribe
+    )
+  }, [
+    labelsTarget,
+    snoozeTarget,
+    shareTarget,
+    linkToEdit,
+    linkToRemove,
+    linkToUnsubscribe,
+  ])
 
   useKeyboardShortcuts(
     libraryListCommands((action) => {
@@ -638,7 +652,7 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
   const [showRemoveLinkConfirmation, setShowRemoveLinkConfirmation] =
     useState(false)
   const [showUnsubscribeConfirmation, setShowUnsubscribeConfirmation] =
-  useState(false)
+    useState(false)
 
   const updateLayout = useCallback(
     async (newLayout: LayoutType) => {
@@ -975,7 +989,9 @@ function HomeFeedGrid(props: HomeFeedContentProps): JSX.Element {
       )}
       {showRemoveLinkConfirmation && (
         <ConfirmationModal
-          message={'Are you sure you want to remove this link?'}
+          message={
+            'Are you sure you want to remove this link? All your highlights will be deleted.'
+          }
           onAccept={removeItem}
           onOpenChange={() => setShowRemoveLinkConfirmation(false)}
         />