diff options
Diffstat (limited to 'FrontEnd/src/app/views/user/UserInfoCard.tsx')
| -rw-r--r-- | FrontEnd/src/app/views/user/UserInfoCard.tsx | 12 |
1 files changed, 11 insertions, 1 deletions
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> |