Dxyinme/dev

.github/workflows/ci.yml

@@ -36,4 +36,4 @@ jobs:
     - name: Test
       uses: borales/actions-yarn@v4
       with:
-        cmd: test
+        cmd: test --run

package.json

@@ -18,9 +18,8 @@
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.26.2",
     "typescript": "^4.4.2",
-    "vite": "^6.2.6",
-    "vite-tsconfig-paths": "^5.1.4",
-    "web-vitals": "^2.1.0"
+    "vite": "^6.2.7",
+    "vite-tsconfig-paths": "^5.1.4"
   },
   "scripts": {
     "start": "vite",

src/index.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
-import reportWebVitals from './reportWebVitals';
 
 const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
@@ -12,8 +11,3 @@ root.render(
     <App />
   </React.StrictMode>
 );
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();

src/views/Tasks/SingleTask.tsx

@@ -1,11 +1,27 @@
-import { Flex, Layout } from "antd";
+import { Card, Flex, Layout, Space } from "antd";
 import React from "react";
 import LukaFooter from "../commons/footer";
 import { LukaHeaderStyle } from "../css/commoncss";
 import { useParams } from "react-router-dom";
 import LukaBreadcrumb from "../commons/Breadcrumb";
 const { Content, Header } = Layout;
 
+function TaskInfo(taskInfo: SingleTaskViewProp.TaskInfoProps) {
+    return (
+        <Space direction="vertical" size={16}>
+            <Card title="base info" style={{ width: 300 }}>
+                <p>Task Display Name: {taskInfo.Name}</p>
+                <p>Create Time: {taskInfo.CreateTime!.toString()}</p>
+                <p>Finished Time: {taskInfo.FinishedTime!.toString()}</p>
+                <p>ExitCode: {taskInfo.ExitCode!.toString()}</p>
+            </Card>
+            <Card title="script" style={{ width: 300 }}>
+                {taskInfo.Script}
+            </Card>
+        </Space>
+    )
+}
+
 function SingleTask() {
     const { bagDisplayName, taskDisplayName } = useParams()
     const bagLink = `/bags/${bagDisplayName}`
@@ -22,9 +38,13 @@ function SingleTask() {
             ]
             }></LukaBreadcrumb >
             <Content style={{ padding: '0 48px' }}>
-                <div>
-                    Single Task
-                </div>
+                <TaskInfo
+                    Name={taskDisplayName}
+                    CreateTime={new Date(2024, 10, 1)}
+                    FinishedTime={new Date(Date.now())}
+                    ExitCode={10}
+                    Script="echo 1"
+                />
             </Content>
             <LukaFooter />
         </Flex >

src/views/Tasks/SingleTaskModels.d.ts

@@ -0,0 +1,10 @@
+declare namespace SingleTaskViewProp {
+    interface TaskInfoProps {
+        Name?: string = null;
+        ExitCode?: int32 = null;
+        ScriptPath?: string = null;
+        Script?: string = null;
+        FinishedTime?: Date = null;
+        CreateTime?: Date = null;
+    }
+}