Merge pull request #165 from crupest/timeline

Redesign timeline ui.

1 files changed, 7 insertions, 11 deletions

diff --git a/FrontEnd/src/app/views/timeline-common/TimelinePropertyChangeDialog.tsx b/FrontEnd/src/app/views/timeline-common/TimelinePropertyChangeDialog.tsx
index 223525f9..ee49586e 100644
--- a/FrontEnd/src/app/views/timeline-common/TimelinePropertyChangeDialog.tsx
+++ b/FrontEnd/src/app/views/timeline-common/TimelinePropertyChangeDialog.tsx
@@ -6,9 +6,7 @@ import {
   TimelineChangePropertyRequest,
 } from "@/services/timeline";
 
-import OperationDialog, {
-  OperationSelectInputInfoOption,
-} from "../common/OperationDialog";
+import OperationDialog from "../common/OperationDialog";
 
 export interface TimelinePropertyInfo {
   title: string;
@@ -45,12 +43,10 @@ const TimelinePropertyChangeDialog: React.FC<TimelinePropertyChangeDialogProps>
         {
           type: "select",
           label: "timeline.dialogChangeProperty.visibility",
-          options: kTimelineVisibilities.map<OperationSelectInputInfoOption>(
-            (v) => ({
-              label: labelMap[v],
-              value: v,
-            })
-          ),
+          options: kTimelineVisibilities.map((v) => ({
+            label: labelMap[v],
+            value: v,
+          })),
           initValue: props.oldInfo.visibility,
         },
         {
@@ -64,13 +60,13 @@ const TimelinePropertyChangeDialog: React.FC<TimelinePropertyChangeDialogProps>
       onProcess={([newTitle, newVisibility, newDescription]) => {
         const req: TimelineChangePropertyRequest = {};
         if (newTitle !== props.oldInfo.title) {
-          req.title = newTitle as string;
+          req.title = newTitle;
         }
         if (newVisibility !== props.oldInfo.visibility) {
           req.visibility = newVisibility as TimelineVisibility;
         }
         if (newDescription !== props.oldInfo.description) {
-          req.description = newDescription as string;
+          req.description = newDescription;
         }
         return props.onProcess(req);
       }}