diff options
author | crupest <crupest@outlook.com> | 2020-06-05 21:32:16 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2020-06-05 21:32:16 +0800 |
commit | 926372d503c8522c1b1c9cdfeb6b891b7f96e08d (patch) | |
tree | 0b828d3f885d6211449c7ebbbbd40bc6322d65cb /Timeline/ClientApp/src/timeline/Timeline.tsx | |
parent | e1ccc1cfe43a44e975dba3a412522f8ea5760ca4 (diff) | |
download | timeline-926372d503c8522c1b1c9cdfeb6b891b7f96e08d.tar.gz timeline-926372d503c8522c1b1c9cdfeb6b891b7f96e08d.tar.bz2 timeline-926372d503c8522c1b1c9cdfeb6b891b7f96e08d.zip |
feat(front): Fix #73 .
Diffstat (limited to 'Timeline/ClientApp/src/timeline/Timeline.tsx')
-rw-r--r-- | Timeline/ClientApp/src/timeline/Timeline.tsx | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/Timeline/ClientApp/src/timeline/Timeline.tsx b/Timeline/ClientApp/src/timeline/Timeline.tsx index defca4c3..acc3ba0a 100644 --- a/Timeline/ClientApp/src/timeline/Timeline.tsx +++ b/Timeline/ClientApp/src/timeline/Timeline.tsx @@ -65,14 +65,22 @@ const Timeline: React.FC<TimelineProps> = (props) => { ? avatarVersion
: undefined;
+ const toggleMore = onToggleDelete[i];
+
return (
<TimelineItem
post={post}
key={post.id}
current={length - 1 === i}
- showDeleteButton={indexShowDeleteButton === i}
- toggleMore={onToggleDelete[i]}
- onDelete={onItemDelete[i]}
+ more={
+ toggleMore
+ ? {
+ isOpen: indexShowDeleteButton === i,
+ toggle: toggleMore,
+ onDelete: onItemDelete[i],
+ }
+ : undefined
+ }
onClick={onItemClick}
avatarVersion={av}
/>
|