From 5a095290db9abf5f8e9528ef4f56c0b974231ad1 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Sat, 30 Apr 2022 23:02:44 +0800
Subject: ...

---
 FrontEnd/src/views/center/TimelineBoard.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

(limited to 'FrontEnd/src/views/center')

diff --git a/FrontEnd/src/views/center/TimelineBoard.tsx b/FrontEnd/src/views/center/TimelineBoard.tsx
index 45b4a8a5..7ff4e0a4 100644
--- a/FrontEnd/src/views/center/TimelineBoard.tsx
+++ b/FrontEnd/src/views/center/TimelineBoard.tsx
@@ -9,6 +9,7 @@ import LoadFailReload from "../common/LoadFailReload";
 import FlatButton from "../common/button/FlatButton";
 import Card from "../common/Card";
 import Spinner from "../common/Spinner";
+import IconButton from "../common/button/IconButton";
 
 interface TimelineBoardItemProps {
   timeline: TimelineBookmark;
@@ -42,12 +43,15 @@ const TimelineBoardItem: React.FC<TimelineBoardItemProps> = ({
       <span className="flex-grow-1"></span>
       {actions != null ? (
         <div className="right">
-          <i
-            className="bi-trash icon-button cru-color-danger px-2"
+          <IconButton
+            icon="trash"
+            color="danger"
+            className="px-2"
             onClick={actions.onDelete}
           />
-          <i
-            className="bi-grip-vertical icon-button px-2 touch-action-none"
+          <IconButton
+            icon="grip-vertical"
+            className="px-2 touch-action-none"
             onPointerDown={(e) => {
               e.currentTarget.setPointerCapture(e.pointerId);
               actions.onMove.start(e);
-- 
cgit v1.2.3