aboutsummaryrefslogtreecommitdiff
path: root/FrontEnd/src/views/timeline/TimelineCard.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'FrontEnd/src/views/timeline/TimelineCard.tsx')
-rw-r--r--FrontEnd/src/views/timeline/TimelineCard.tsx16
1 files changed, 6 insertions, 10 deletions
diff --git a/FrontEnd/src/views/timeline/TimelineCard.tsx b/FrontEnd/src/views/timeline/TimelineCard.tsx
index 872ad6d3..08eae3e0 100644
--- a/FrontEnd/src/views/timeline/TimelineCard.tsx
+++ b/FrontEnd/src/views/timeline/TimelineCard.tsx
@@ -22,22 +22,13 @@ import TimelinePropertyChangeDialog from "./TimelinePropertyChangeDialog";
export interface TimelinePageCardProps {
timeline: HttpTimelineInfo;
- collapse: boolean;
- toggleCollapse: () => void;
connectionStatus: HubConnectionState;
className?: string;
onReload: () => void;
}
const TimelineCard: React.FC<TimelinePageCardProps> = (props) => {
- const {
- timeline,
- collapse,
- toggleCollapse,
- connectionStatus,
- onReload,
- className,
- } = props;
+ const { timeline, connectionStatus, onReload, className } = props;
const { t } = useTranslation();
@@ -45,6 +36,11 @@ const TimelineCard: React.FC<TimelinePageCardProps> = (props) => {
"member" | "property" | "delete" | null
>(null);
+ const [collapse, setCollapse] = React.useState(false);
+ const toggleCollapse = (): void => {
+ setCollapse((o) => !o);
+ };
+
const isSmallScreen = useIsSmallScreen();
const user = useUser();