prettify some files

web/pages/components/log-table.tsx

@@ -1,32 +1,30 @@
-import React from "react";
-import { Table, Tag, Typography } from "antd";
-import Linkify from "react-linkify";
-import { SortOrder } from "antd/lib/table/interface";
-import format from 'date-fns/format'
+import React from 'react';
+import { Table, Tag, Typography } from 'antd';
+import Linkify from 'react-linkify';
+import { SortOrder } from 'antd/lib/table/interface';
+import format from 'date-fns/format';
 
 const { Title } = Typography;
 
 function renderColumnLevel(text, entry) {
   let color = 'black';
 
-  if (entry.level === "warning") {
-    color = "orange";
+  if (entry.level === 'warning') {
+    color = 'orange';
   } else if (entry.level === 'error') {
-    color = "red";
+    color = 'red';
   }
 
   return <Tag color={color}>{text}</Tag>;
 }
 
 function renderMessage(text) {
-  return (
-    <Linkify>{text}</Linkify>
-  )
+  return <Linkify>{text}</Linkify>;
 }
 
 interface Props {
-  logs: object[],
-  pageSize: number
+  logs: object[];
+  pageSize: number;
 }
 
 export default function LogTable({ logs, pageSize }: Props) {
@@ -35,42 +33,42 @@ export default function LogTable({ logs, pageSize }: Props) {
   }
   const columns = [
     {
-      title: "Level",
-      dataIndex: "level",
-      key: "level",
+      title: 'Level',
+      dataIndex: 'level',
+      key: 'level',
       filters: [
         {
-          text: "Info",
-          value: "info",
+          text: 'Info',
+          value: 'info',
         },
         {
-          text: "Warning",
-          value: "warning",
+          text: 'Warning',
+          value: 'warning',
         },
         {
-          text: "Error",
-          value: "Error",
+          text: 'Error',
+          value: 'Error',
         },
       ],
       onFilter: (level, row) => row.level.indexOf(level) === 0,
       render: renderColumnLevel,
     },
     {
-      title: "Timestamp",
-      dataIndex: "time",
-      key: "time",
-      render: (timestamp) => {
+      title: 'Timestamp',
+      dataIndex: 'time',
+      key: 'time',
+      render: timestamp => {
         const dateObject = new Date(timestamp);
         return format(dateObject, 'p P');
       },
       sorter: (a, b) => new Date(a.time).getTime() - new Date(b.time).getTime(),
-      sortDirections: ["descend", "ascend"] as SortOrder[],
-      defaultSortOrder: "descend" as SortOrder,
+      sortDirections: ['descend', 'ascend'] as SortOrder[],
+      defaultSortOrder: 'descend' as SortOrder,
     },
     {
-      title: "Message",
-      dataIndex: "message",
-      key: "message",
+      title: 'Message',
+      dataIndex: 'message',
+      key: 'message',
       render: renderMessage,
     },
   ];
@@ -82,10 +80,9 @@ export default function LogTable({ logs, pageSize }: Props) {
         size="middle"
         dataSource={logs}
         columns={columns}
-        rowKey={(row) => row.time}
+        rowKey={row => row.time}
         pagination={{ pageSize: pageSize || 20 }}
       />
     </div>
   );
 }
-