import React from "react"; import TimelinePageCardTemplate from "../timeline-common/TimelinePageCardTemplate"; import { TimelinePageCardProps } from "../timeline-common/TimelinePageTemplate"; import UserAvatar from "../common/user/UserAvatar"; const UserCard: React.FC = (props) => { const { timeline } = props; const [dialog, setDialog] = React.useState<"member" | "property" | null>(null); return ( <>

{timeline.title} {timeline.name}

{timeline.owner.nickname}
} manageItems={ timeline.manageable ? [ { type: "button", text: "timeline.manageItem.property", onClick: () => setDialog("property"), }, ] : undefined } dialog={dialog} setDialog={setDialog} {...props} /> ); }; export default UserCard;