move task expire test function to frontHelpers

Author: lgh06

packages/web/src/helpers/frontHelpers.ts

@@ -135,4 +135,25 @@ export function arrayToCsv(array = []){
     URL.revokeObjectURL(pom.href);
     document.body.removeChild(pom);
   }, 5000);
+}
+
+export function getTaskExpireStatusAndColor(taskMeta){
+  let endDate;
+  let status;
+  let color;
+  let now = Date.now();
+  if(taskMeta.endTime){
+    endDate = new Date(taskMeta.endTime).valueOf();
+  }
+  if(now > endDate){
+    status = 'Expired';
+    color = 'red';
+  }else if (now + 1000 * 3600 * 24 > endDate){
+    status = 'Expiring soon';
+    color = 'yellow';
+  }else{
+    status = 'Running';
+    color = 'green';
+  }
+  return {status, color};
 }

packages/web/src/pages/task/list.tsx

@@ -4,7 +4,7 @@ import { useImmerAtom } from 'jotai/immer';
 import { useResetAtom } from 'jotai/utils'
 import { createTaskDetailAtom, monacoEditorAtom, userInfoAtom } from '../../atoms';
 import { CronTime } from '@webest/web-page-monitor-helper';
-import { fetchAPI, useI18n, innerHTML, useHeadTitle, arrayToCsv, downloadBlob, genClassNameAndString } from "../../helpers/index";
+import { fetchAPI, useI18n, innerHTML, useHeadTitle, arrayToCsv, downloadBlob, genClassNameAndString, getTaskExpireStatusAndColor } from "../../helpers/index";
 import Link from "next/link";
 import { ScriptList } from "../../components/scriptList";
 import { useRouter } from "next/router";
@@ -98,27 +98,12 @@ const TaskListSimpPage: NextPage = () => {
       id: 'runningStatus',
       width: 200,
       Cell: ({ row: {original: or} }) => {
-        let status;
-        let endDate;
-        let color;
-        let now = Date.now();
-        if(or.endTime){
-          endDate = new Date(or.endTime).valueOf();
-        }
-        if(now > endDate){
-          status = t('Expired');
-          color = 'red';
-        }else if (now + 1000 * 3600 * 24 > endDate){
-          status = t('Expiring soon');
-          color = 'yellow';
-        }else{
-          status = t('Running');
-          color = 'green';
-        }
+        let {status , color } = getTaskExpireStatusAndColor(or);
+        let transLateStatus = t(status);
         return (
           <>
             <span {...cn(`statusIcon${color} statusIcon`)}>●</span>
-            { status }
+            { transLateStatus }
           </>
         )
       }