From 79dbad6f92d105fc541f2035d317de7a547c3441 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Sun, 3 Jan 2021 18:49:32 +0800
Subject: ...

---
 FrontEnd/src/app/views/home/TimelineBoard.tsx | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

(limited to 'FrontEnd/src')

diff --git a/FrontEnd/src/app/views/home/TimelineBoard.tsx b/FrontEnd/src/app/views/home/TimelineBoard.tsx
index 120083e3..bb3f5947 100644
--- a/FrontEnd/src/app/views/home/TimelineBoard.tsx
+++ b/FrontEnd/src/app/views/home/TimelineBoard.tsx
@@ -100,6 +100,7 @@ const TimelineBoardItem: React.FC<TimelineBoardItemProps> = ({
 interface TimelineBoardItemContainerProps {
   timelines: TimelineInfo[];
   editHandler?: {
+    // offset may exceed index range plusing index.
     onMove: (timeline: string, index: number, offset: number) => void;
     onDelete: (timeline: string) => void;
   };
@@ -277,7 +278,21 @@ const TimelineBoardUI: React.FC<TimelineBoardUIProps> = (props) => {
           return (
             <TimelineBoardItemContainer
               timelines={timelines}
-              editHandler={editHandler && editing ? editHandler : undefined}
+              editHandler={
+                editHandler && editing
+                  ? {
+                      onDelete: editHandler.onDelete,
+                      onMove: (timeline, index, offset) => {
+                        if (index + offset >= timelines.length) {
+                          offset = timelines.length - index - 1;
+                        } else if (index + offset < 0) {
+                          offset = -index;
+                        }
+                        editHandler.onMove(timeline, index, offset);
+                      },
+                    }
+                  : undefined
+              }
             />
           );
         }
-- 
cgit v1.2.3