2 files changed, 14 insertions, 10 deletions
diff --git a/apps/web/components/dashboard/highlights/AllHighlights.tsx b/apps/web/components/dashboard/highlights/AllHighlights.tsx
index 9f39a471..23fa51d2 100644
--- a/apps/web/components/dashboard/highlights/AllHighlights.tsx
+++ b/apps/web/components/dashboard/highlights/AllHighlights.tsx
@@ -26,7 +26,7 @@ function Highlight({ highlight }: { highlight: ZHighlight }) {
   const { t } = useTranslation();
   return (
     <div className="flex flex-col gap-2">
-      <HighlightCard highlight={highlight} clickable={false} />
+      <HighlightCard highlight={highlight} clickable={false} readOnly={false} />
       <span className="flex items-center gap-0.5 text-xs italic text-gray-400">
         <span title={localCreatedAt}>{fromNow}</span>
         <Dot />
diff --git a/apps/web/components/dashboard/highlights/HighlightCard.tsx b/apps/web/components/dashboard/highlights/HighlightCard.tsx
index 8bb24353..1bba0b47 100644
--- a/apps/web/components/dashboard/highlights/HighlightCard.tsx
+++ b/apps/web/components/dashboard/highlights/HighlightCard.tsx
@@ -12,10 +12,12 @@ export default function HighlightCard({
   highlight,
   clickable,
   className,
+  readOnly,
 }: {
   highlight: ZHighlight;
   clickable: boolean;
   className?: string;
+  readOnly: boolean;
 }) {
   const { mutate: deleteHighlight, isPending: isDeleting } = useDeleteHighlight(
     {
@@ -62,15 +64,17 @@ export default function HighlightCard({
           <p>{highlight.text}</p>
         </blockquote>
       </Wrapper>
-      <div className="flex gap-2">
-        <ActionButton
-          loading={isDeleting}
-          variant="ghost"
-          onClick={() => deleteHighlight({ highlightId: highlight.id })}
-        >
-          <Trash2 className="size-4 text-destructive" />
-        </ActionButton>
-      </div>
+      {!readOnly && (
+        <div className="flex gap-2">
+          <ActionButton
+            loading={isDeleting}
+            variant="ghost"
+            onClick={() => deleteHighlight({ highlightId: highlight.id })}
+          >
+            <Trash2 className="size-4 text-destructive" />
+          </ActionButton>
+        </div>
+      )}
     </div>
   );
 }