...

1 files changed, 13 insertions, 3 deletions

diff --git a/FrontEnd/src/app/views/timeline-common/Timeline.tsx b/FrontEnd/src/app/views/timeline-common/Timeline.tsx
index 2446c0dd..288be141 100644
--- a/FrontEnd/src/app/views/timeline-common/Timeline.tsx
+++ b/FrontEnd/src/app/views/timeline-common/Timeline.tsx
@@ -6,11 +6,12 @@ import {
   TimelinePostInfo,
   timelineService,
 } from "@/services/timeline";
+import { useUser } from "@/services/user";
+import { pushAlert } from "@/services/alert";
 
 import TimelineItem from "./TimelineItem";
 import TimelineTop from "./TimelineTop";
 import TimelineDateItem from "./TimelineDateItem";
-import { useUser } from "@/services/user";
 
 function dateEqual(left: Date, right: Date): boolean {
   return (
@@ -25,7 +26,6 @@ export interface TimelineProps {
   style?: React.CSSProperties;
   timeline: TimelineInfo;
   posts: TimelinePostInfo[];
-  onDelete: (post: TimelinePostInfo) => void;
 }
 
 const Timeline: React.FC<TimelineProps> = (props) => {
@@ -87,7 +87,17 @@ const Timeline: React.FC<TimelineProps> = (props) => {
                               old === post.index ? -1 : post.index
                             ),
                           onDelete: () => {
-                            props.onDelete(post);
+                            timelineService
+                              .deletePost(timeline.name, post.id)
+                              .catch(() => {
+                                pushAlert({
+                                  type: "danger",
+                                  message: {
+                                    type: "i18n",
+                                    key: "timeline.deletePostFailed",
+                                  },
+                                });
+                              });
                           },
                         }
                       : undefined