From 65e7709c6305c62e03f4d5e89ac2f3e004ef0ae0 Mon Sep 17 00:00:00 2001
From: Gigi <dergigi@pm.me>
Date: Sun, 5 Oct 2025 20:17:23 +0100
Subject: [PATCH] fix: remove Highlights title and count from panel, fix
 markdown rendering

- Remove 'Highlights' text and count number to save space in panel
- Fix markdown rendering fallback to always show content when finalHtml is not ready
- Simplify render logic by removing highlight count condition that prevented content display
---
 src/components/ContentPanel.tsx    | 2 +-
 src/components/HighlightsPanel.tsx | 5 -----
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/components/ContentPanel.tsx b/src/components/ContentPanel.tsx
index d72566f8..be7ee6cd 100644
--- a/src/components/ContentPanel.tsx
+++ b/src/components/ContentPanel.tsx
@@ -190,7 +190,7 @@ const ContentPanel: React.FC<ContentPanelProps> = ({
             className={markdown ? "reader-markdown" : "reader-html"} 
             dangerouslySetInnerHTML={{ __html: finalHtml }} 
           />
-        ) : markdown && relevantHighlights.length === 0 ? (
+        ) : markdown ? (
           <div 
             ref={contentRef} 
             className="reader-markdown"
diff --git a/src/components/HighlightsPanel.tsx b/src/components/HighlightsPanel.tsx
index 9e6ea6c7..5c496bd7 100644
--- a/src/components/HighlightsPanel.tsx
+++ b/src/components/HighlightsPanel.tsx
@@ -122,11 +122,6 @@ export const HighlightsPanel: React.FC<HighlightsPanelProps> = ({
   return (
     <div className="highlights-container">
       <div className="highlights-header">
-        <div className="highlights-title">
-          <FontAwesomeIcon icon={faHighlighter} />
-          <h3>Highlights</h3>
-          {!loading && <span className="count">({filteredHighlights.length})</span>}
-        </div>
         <div className="highlights-actions">
           {onHighlightVisibilityChange && (
             <div className="highlight-level-toggles">