From fcd581f21725d7d45e401f0bc3a77db18319ee97 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Sun, 4 Apr 2021 22:49:06 +0800
Subject: ...

---
 FrontEnd/src/app/views/timeline-common/TimelineLine.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

(limited to 'FrontEnd/src/app/views/timeline-common/TimelineLine.tsx')

diff --git a/FrontEnd/src/app/views/timeline-common/TimelineLine.tsx b/FrontEnd/src/app/views/timeline-common/TimelineLine.tsx
index 593250bd..d020f22c 100644
--- a/FrontEnd/src/app/views/timeline-common/TimelineLine.tsx
+++ b/FrontEnd/src/app/views/timeline-common/TimelineLine.tsx
@@ -1,5 +1,5 @@
-import clsx from "clsx";
 import React from "react";
+import clsx from "clsx";
 
 export interface TimelineLineProps {
   current?: boolean;
@@ -17,7 +17,15 @@ const TimelineLine: React.FC<TimelineLineProps> = ({
   style,
 }) => {
   return (
-    <div className={clsx("timeline-line", className)} style={style}>
+    <div
+      className={clsx(
+        "timeline-line",
+        current && "current",
+        center === "loading" && "loading",
+        className
+      )}
+      style={style}
+    >
       <div className="segment start" style={{ height: startSegmentLength }} />
       {center !== "none" ? (
         <div className="node-container">
-- 
cgit v1.2.3

