From 4bb6e87db9168d6246ea72fcd1aa37ecadbe67e6 Mon Sep 17 00:00:00 2001
From: LASER-Yi <ly0007@yeah.net>
Date: Sun, 9 May 2021 21:54:09 +0800
Subject: [PATCH] Fix some style issues

---
 frontend/src/App/notifications/index.tsx |  3 ---
 frontend/src/System/Tasks/table.tsx      | 11 +++++++++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/frontend/src/App/notifications/index.tsx b/frontend/src/App/notifications/index.tsx
index da083b9a2..59a7017d4 100644
--- a/frontend/src/App/notifications/index.tsx
+++ b/frontend/src/App/notifications/index.tsx
@@ -95,9 +95,6 @@ const ProgressToast: FunctionComponent<ProgressHolderProps> = ({
 
   return (
     <Toast onClose={remove}>
-      <Toast.Header hidden={incomplete}>
-        <span className="mr-auto">Background Task</span>
-      </Toast.Header>
       <Toast.Body>
         <div className="mb-2 mt-1">
           <FontAwesomeIcon
diff --git a/frontend/src/System/Tasks/table.tsx b/frontend/src/System/Tasks/table.tsx
index 55729dc01..8ecf139a6 100644
--- a/frontend/src/System/Tasks/table.tsx
+++ b/frontend/src/System/Tasks/table.tsx
@@ -1,7 +1,7 @@
 import { faSync } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import React, { FunctionComponent, useMemo } from "react";
-import { Column } from "react-table";
+import { Column, useSortBy } from "react-table";
 import { SystemApi } from "../../apis";
 import { AsyncButton, SimpleTable } from "../../components";
 
@@ -48,7 +48,14 @@ const Table: FunctionComponent<Props> = ({ tasks }) => {
     []
   );
 
-  return <SimpleTable columns={columns} data={tasks}></SimpleTable>;
+  return (
+    <SimpleTable
+      initialState={{ sortBy: [{ id: "name", desc: false }] }}
+      columns={columns}
+      data={tasks}
+      plugins={[useSortBy]}
+    ></SimpleTable>
+  );
 };
 
 export default Table;