devops/encoach_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Start implementing with back-end. Create workflows completed and fetching workflows on server side as well, to show them in the table.

Browse Source
This commit is contained in:
Joao Correia
2025-01-29 17:50:03 +00:00
parent 42a8ec2f8a
commit 011c6e9e30
6 changed files with 82 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/hooks/useApprovalWorkflows.tsx
View File

@@ -2,25 +2,23 @@ import { ApprovalWorkflow } from "@/interfaces/approval.workflow";
import axios from "axios";
import { useCallback, useEffect, useState } from "react";
import approvalWorkflowsData from '../demo/approval_workflows.json' // to test locally
export default function useApprovalWorkflows() {
const [approvalWorkflows, setApprovalWorkflows] = useState<ApprovalWorkflow[]>(approvalWorkflowsData as ApprovalWorkflow[]);
const [workflows, setWorkflows] = useState<ApprovalWorkflow[]>([]);
const [isLoading, setIsLoading] = useState(false);
const [isError, setIsError] = useState(false);
/* const getData = useCallback(() => {
const getData = useCallback(() => {
setIsLoading(true);
axios
.get<ApprovalWorkflow[]>(`/api/approvalWorkflows`)
.then((response) => setApprovalWorkflows(response.data))
.get<ApprovalWorkflow[]>(`/api/approval-workflows`)
.then((response) => setWorkflows(response.data))
.catch((error) => {
setIsError(true);
})
.finally(() => setIsLoading(false));
}, []);
useEffect(getData, [getData]); */
useEffect(getData, [getData]);
return { approvalWorkflows, isLoading, isError/* , reload: getData */ };
return { workflows, isLoading, isError, reload: getData };
}