From 876842ca760c26bef5cd7abb5edbc321b3a15cca Mon Sep 17 00:00:00 2001
From: Tom Najdek <tom@doppnet.com>
Date: Tue, 26 Nov 2024 16:54:40 +0100
Subject: [PATCH] Display highlight popup in the web build.
 zotero/web-library#570

---
 src/ui/editor.js                 |  2 +-
 src/ui/popups/highlight-popup.js | 12 +++++++-----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/ui/editor.js b/src/ui/editor.js
index 35823b1..1789af0 100644
--- a/src/ui/editor.js
+++ b/src/ui/editor.js
@@ -78,7 +78,7 @@ function Editor(props) {
 					{refReady && !props.disableUI && <Fragment>
 						{['ios', 'web'].includes(props.viewMode) && !editorState.link?.popup.active && editorState.table.isTableSelected() && <TablePopup parentRef={editorRef} tableState={editorState.table} /> }
 						{editorState.link && <LinkPopup parentRef={editorRef} pluginState={editorState.link.popup}/>}
-						{!['web'].includes(props.viewMode) && editorState.highlight && <HighlightPopup parentRef={editorRef} highlightState={editorState.highlight} citationState={editorState.citation}/>}
+						{editorState.highlight && <HighlightPopup parentRef={editorRef} highlightState={editorState.highlight} citationState={editorState.citation} viewMode={props.viewMode} />}
 						{!['web'].includes(props.viewMode) && editorState.image && <ImagePopup parentRef={editorRef} imageState={editorState.image} citationState={editorState.citation}/>}
 						{editorState.citation && <CitationPopup
 							parentRef={editorRef}
diff --git a/src/ui/popups/highlight-popup.js b/src/ui/popups/highlight-popup.js
index 27c5aa0..eb5418a 100644
--- a/src/ui/popups/highlight-popup.js
+++ b/src/ui/popups/highlight-popup.js
@@ -9,7 +9,7 @@ import IconBlockquote from '../../../res/icons/16/cite.svg';
 import IconDocument from '../../../res/icons/16/page.svg';
 import IconUnlink from '../../../res/icons/16/unlink.svg';
 
-function HighlightPopup({ parentRef, highlightState, citationState }) {
+function HighlightPopup({ parentRef, highlightState, citationState, viewMode }) {
 	function handleOpen() {
 		highlightState.popup.open();
 	}
@@ -28,10 +28,12 @@ function HighlightPopup({ parentRef, highlightState, citationState }) {
 				<div className="icon"><IconDocument/></div>
 				<div className="title"><FormattedMessage id="noteEditor.showOnPage"/></div>
 			</button>
-			<button onClick={handleUnlink}>
-				<div className="icon"><IconUnlink/></div>
-				<div className="title"><FormattedMessage id="noteEditor.unlink"/></div>
-			</button>
+			{!['web'].includes(viewMode) && (
+				<button onClick={handleUnlink}>
+					<div className="icon"><IconUnlink/></div>
+					<div className="title"><FormattedMessage id="noteEditor.unlink"/></div>
+				</button>
+			)}
 			{citationState.canAddCitationAfter() && <button onClick={handleAdd}>
 				<div className="icon"><IconBlockquote/></div>
 				<div className="title"><FormattedMessage id="noteEditor.addCitation"/></div>