diff options
author | crupest <crupest@outlook.com> | 2021-02-15 01:08:05 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2021-02-15 01:08:05 +0800 |
commit | 93a90bd8904ffda3686c8308657f69b1782d6e24 (patch) | |
tree | 67900e0ade7843818ffe62c084f82f51d8600c09 /FrontEnd/src/app/views/user/UserInfoCard.tsx | |
parent | 00c67978d4e081f0dd391f230353a77a68ed219d (diff) | |
download | timeline-93a90bd8904ffda3686c8308657f69b1782d6e24.tar.gz timeline-93a90bd8904ffda3686c8308657f69b1782d6e24.tar.bz2 timeline-93a90bd8904ffda3686c8308657f69b1782d6e24.zip |
refactor: Refactor timeline card.
Diffstat (limited to 'FrontEnd/src/app/views/user/UserInfoCard.tsx')
-rw-r--r-- | FrontEnd/src/app/views/user/UserInfoCard.tsx | 70 |
1 files changed, 0 insertions, 70 deletions
diff --git a/FrontEnd/src/app/views/user/UserInfoCard.tsx b/FrontEnd/src/app/views/user/UserInfoCard.tsx deleted file mode 100644 index 24b7b979..00000000 --- a/FrontEnd/src/app/views/user/UserInfoCard.tsx +++ /dev/null @@ -1,70 +0,0 @@ -import React from "react"; - -import TimelineCardTemplate, { - TimelineCardTemplateProps, -} from "../timeline-common/TimelineCardTemplate"; -import { TimelineCardComponentProps } from "../timeline-common/TimelinePageTemplateUI"; -import UserAvatar from "../common/user/UserAvatar"; - -export type PersonalTimelineManageItem = "avatar" | "nickname"; - -export type UserInfoCardProps = TimelineCardComponentProps<PersonalTimelineManageItem>; - -const UserInfoCard: React.FC<UserInfoCardProps> = (props) => { - const { timeline, operations } = props; - const { onManage, onMember } = operations; - - return ( - <TimelineCardTemplate - infoArea={ - <> - <h3 className="text-primary d-inline-block align-middle"> - {timeline.title} - <small className="ml-3 text-secondary">{timeline.name}</small> - </h3> - <div className="align-middle"> - <UserAvatar - username={timeline.owner.username} - className="avatar small rounded-circle mr-3" - /> - {timeline.owner.nickname} - </div> - </> - } - manageArea={((): TimelineCardTemplateProps["manageArea"] => { - if (onManage == null) { - return { type: "member", onMember }; - } else { - return { - type: "manage", - items: [ - { - type: "button", - text: "timeline.manageItem.nickname", - onClick: () => onManage("nickname"), - }, - { - type: "button", - text: "timeline.manageItem.avatar", - onClick: () => onManage("avatar"), - }, - { - type: "button", - text: "timeline.manageItem.property", - onClick: () => onManage("property"), - }, - { - type: "button", - onClick: onMember, - text: "timeline.manageItem.member", - }, - ], - }; - } - })()} - {...props} - /> - ); -}; - -export default UserInfoCard; |