1 files changed, 12 insertions, 9 deletions
diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePropertyChangeDialog.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePropertyChangeDialog.tsx
index ab3285f5..a5628a9a 100644
--- a/FrontEnd/src/app/views/timeline-common/TimelinePropertyChangeDialog.tsx
+++ b/FrontEnd/src/app/views/timeline-common/TimelinePropertyChangeDialog.tsx
@@ -1,19 +1,20 @@
 import React from "react";
 
 import {
-  TimelineVisibility,
+  getHttpTimelineClient,
+  HttpTimelineInfo,
+  HttpTimelinePatchRequest,
   kTimelineVisibilities,
-  TimelineChangePropertyRequest,
-  TimelineInfo,
-} from "@/services/timeline";
+  TimelineVisibility,
+} from "@/http/timeline";
 
 import OperationDialog from "../common/OperationDialog";
 
 export interface TimelinePropertyChangeDialogProps {
   open: boolean;
   close: () => void;
-  timeline: TimelineInfo;
-  onProcess: (request: TimelineChangePropertyRequest) => Promise<void>;
+  timeline: HttpTimelineInfo;
+  onChange: () => void;
 }
 
 const labelMap: { [key in TimelineVisibility]: string } = {
@@ -25,7 +26,7 @@ const labelMap: { [key in TimelineVisibility]: string } = {
 const TimelinePropertyChangeDialog: React.FC<TimelinePropertyChangeDialogProps> = (
   props
 ) => {
-  const { timeline } = props;
+  const { timeline, onChange } = props;
 
   return (
     <OperationDialog
@@ -54,7 +55,7 @@ const TimelinePropertyChangeDialog: React.FC<TimelinePropertyChangeDialogProps>
       open={props.open}
       close={props.close}
       onProcess={([newTitle, newVisibility, newDescription]) => {
-        const req: TimelineChangePropertyRequest = {};
+        const req: HttpTimelinePatchRequest = {};
         if (newTitle !== timeline.title) {
           req.title = newTitle;
         }
@@ -64,7 +65,9 @@ const TimelinePropertyChangeDialog: React.FC<TimelinePropertyChangeDialogProps>
         if (newDescription !== timeline.description) {
           req.description = newDescription;
         }
-        return props.onProcess(req);
+        return getHttpTimelineClient()
+          .patchTimeline(timeline.name, req)
+          .then(onChange);
       }}
     />
   );