feat(ui): show errmsg if table loaded error

ui/src/pages/workflows/WorkflowList.tsx

@@ -20,6 +20,7 @@ import {
   type MenuProps,
   Modal,
   Radio,
+  Result,
   Space,
   Switch,
   Table,
@@ -240,7 +241,11 @@ const WorkflowList = () => {
   const [page, setPage] = useState<number>(() => parseInt(+searchParams.get("page")! + "") || 1);
   const [pageSize, setPageSize] = useState<number>(() => parseInt(+searchParams.get("perPage")! + "") || 10);
 
-  const { loading, run: refreshTableData } = useRequest(
+  const {
+    loading,
+    error: loadedError,
+    run: refreshData,
+  } = useRequest(
     () => {
       return listWorkflow({
         page: page,
@@ -261,6 +266,8 @@ const WorkflowList = () => {
 
         console.error(err);
         notificationApi.error({ message: t("common.text.request_error"), description: getErrMsg(err) });
+
+        throw err;
       },
     }
   );
@@ -305,7 +312,7 @@ const WorkflowList = () => {
           const resp = await removeWorkflow(workflow);
           if (resp) {
             setTableData((prev) => prev.filter((item) => item.id !== workflow.id));
-            refreshTableData();
+            refreshData();
           }
         } catch (err) {
           console.error(err);
@@ -342,7 +349,7 @@ const WorkflowList = () => {
         dataSource={tableData}
         loading={loading}
         locale={{
-          emptyText: <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={t("workflow.nodata")} />,
+          emptyText: <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={loadedError ? getErrMsg(loadedError) : t("workflow.nodata")} />,
         }}
         pagination={{
           current: page,