1 files changed, 9 insertions, 0 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/TimelineCardTemplate.tsx b/FrontEnd/src/app/views/timeline-common/TimelineCardTemplate.tsx
index a47b3d76..ffec1a90 100644
--- a/FrontEnd/src/app/views/timeline-common/TimelineCardTemplate.tsx
+++ b/FrontEnd/src/app/views/timeline-common/TimelineCardTemplate.tsx
@@ -3,6 +3,7 @@ import clsx from "clsx";
 import { useTranslation } from "react-i18next";
 import { Dropdown, Button } from "react-bootstrap";
 import Svg from "react-inlinesvg";
+import starIcon from "bootstrap-icons/icons/star.svg";
 import bookmarkIcon from "bootstrap-icons/icons/bookmark.svg";
 
 import { timelineVisibilityTooltipTranslationMap } from "@/services/timeline";
@@ -36,6 +37,7 @@ function TimelineCardTemplate({
   infoArea,
   manageArea,
   onBookmark,
+  onHighlight,
   toggleCollapse,
   syncStatus,
   className,
@@ -55,6 +57,13 @@ function TimelineCardTemplate({
           {t(timelineVisibilityTooltipTranslationMap[timeline.visibility])}
         </small>
         <div className="text-right mt-2">
+          {onHighlight != null ? (
+            <Svg
+              src={starIcon}
+              className="icon-button text-yellow mr-3"
+              onClick={onHighlight}
+            />
+          ) : null}
           {onBookmark != null ? (
             <Svg
               src={bookmarkIcon}