From 0d40f40eebd70c842fea811cdc371437bf7cdd22 Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 27 Jun 2023 15:22:00 +0800
Subject: [PATCH] Handle deleting highlights in the notebook modal on PDFs

---
 .../web/components/templates/article/Notebook.tsx   | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/web/components/templates/article/Notebook.tsx b/packages/web/components/templates/article/Notebook.tsx
index 8565cfc6f..ab15b7afc 100644
--- a/packages/web/components/templates/article/Notebook.tsx
+++ b/packages/web/components/templates/article/Notebook.tsx
@@ -316,14 +316,23 @@ export function NotebookContent(props: NotebookContentProps): JSX.Element {
           message={'Are you sure you want to delete this highlight?'}
           onAccept={() => {
             ;(async () => {
+              const highlightId = showConfirmDeleteHighlightId
               const success = await deleteHighlightMutation(
                 showConfirmDeleteHighlightId
               )
               mutate()
               if (success) {
-                showSuccessToast('Highlight deleted.')
+                showSuccessToast('Highlight deleted.', {
+                  position: 'bottom-right',
+                })
+                const event = new CustomEvent('deleteHighlightbyId', {
+                  detail: highlightId,
+                })
+                document.dispatchEvent(event)
               } else {
-                showErrorToast('Error deleting highlight')
+                showErrorToast('Error deleting highlight', {
+                  position: 'bottom-right',
+                })
               }
             })()
             setShowConfirmDeleteHighlightId(undefined)