groot/automatisch
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: rewrite get execution steps using useExecutionSteps with RQ

Browse Source
This commit is contained in:
Rıdvan Akca
2024-03-11 13:54:37 +03:00
parent 35d8b2e790
commit e68696ccd4
8 changed files with 40 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
packages/web/src/pages/Execution/index.jsx
View File

@@ -5,34 +5,35 @@ import Grid from '@mui/material/Grid';
import Box from '@mui/material/Box';
import AlertTitle from '@mui/material/AlertTitle';
import Alert from '@mui/material/Alert';
import useFormatMessage from 'hooks/useFormatMessage';
import ExecutionHeader from 'components/ExecutionHeader';
import ExecutionStep from 'components/ExecutionStep';
import Container from 'components/Container';
import { GET_EXECUTION } from 'graphql/queries/get-execution';
import { GET_EXECUTION_STEPS } from 'graphql/queries/get-execution-steps';
const EXECUTION_PER_PAGE = 100;
const getLimitAndOffset = (page) => ({
limit: EXECUTION_PER_PAGE,
offset: (page - 1) * EXECUTION_PER_PAGE,
});
import useExecutionSteps from 'hooks/useExecutionSteps';
export default function Execution() {
const { executionId } = useParams();
const formatMessage = useFormatMessage();
const { data: execution } = useQuery(GET_EXECUTION, {
variables: { executionId },
});
const { data, loading } = useQuery(GET_EXECUTION_STEPS, {
variables: { executionId, ...getLimitAndOffset(1) },
});
const { edges } = data?.getExecutionSteps || {};
const executionSteps = edges?.map((edge) => edge.node);
const { data, isLoading: isExecutionLoading } = useExecutionSteps(
executionId,
1,
);
const executionSteps = data?.data;
return (
<Container sx={{ py: 3 }}>
<ExecutionHeader execution={execution?.getExecution} />
<Grid container item sx={{ mt: 2, mb: [2, 5] }} rowGap={3}>
{!loading && !executionSteps?.length && (
{!isExecutionLoading && !executionSteps?.length && (
<Alert severity="warning" sx={{ flex: 1 }}>
<AlertTitle sx={{ fontWeight: 700 }}>
{formatMessage('execution.noDataTitle')}