From d960fdcfb79caf257fed6b68cc169a785003d965 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Mon, 21 Dec 2020 17:33:16 +0800
Subject: ...

---
 FrontEnd/src/app/views/user/UserInfoCard.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

(limited to 'FrontEnd/src/app/views/user/UserInfoCard.tsx')

diff --git a/FrontEnd/src/app/views/user/UserInfoCard.tsx b/FrontEnd/src/app/views/user/UserInfoCard.tsx
index 3ba1c96e..0e1e093a 100644
--- a/FrontEnd/src/app/views/user/UserInfoCard.tsx
+++ b/FrontEnd/src/app/views/user/UserInfoCard.tsx
@@ -1,6 +1,8 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
 import { Dropdown, Button } from "react-bootstrap";
+import Svg from "react-inlinesvg";
+import bookmarkIcon from "bootstrap-icons/icons/bookmark.svg";
 
 import { timelineVisibilityTooltipTranslationMap } from "@/services/timeline";
 import { useAvatar } from "@/services/user";
@@ -19,6 +21,7 @@ const UserInfoCard: React.FC<UserInfoCardProps> = (props) => {
     collapse,
     onMember,
     onManage,
+    onBookmark,
     syncStatus,
     toggleCollapse,
   } = props;
@@ -46,8 +49,15 @@ const UserInfoCard: React.FC<UserInfoCardProps> = (props) => {
         {t(timelineVisibilityTooltipTranslationMap[timeline.visibility])}
       </small>
       <div className="text-right mt-2">
+        {onBookmark != null ? (
+          <Svg
+            src={bookmarkIcon}
+            className="icon-button text-yellow mr-3"
+            onClick={onBookmark}
+          />
+        ) : null}
         {onManage != null ? (
-          <Dropdown>
+          <Dropdown className="d-inline-block">
             <Dropdown.Toggle variant="outline-primary">
               {t("timeline.manage")}
             </Dropdown.Toggle>
-- 
cgit v1.2.3

