Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 | 21x 157x 157x 157x 157x 157x 157x 157x 157x | import { useAppTheme } from "@theme/v2/Provider";
import { WithRepositoryProvider } from "features/Merchants/MerchantSidePanel/WithRepository/WithRepositoryContext";
import TasksCardHeader from "./components/TasksCardHeader";
import { CardContainer } from "features/Underwriting/UnderwritingCard/UnderwritingCard.style";
import TasksBody from "./components/TasksBody/TasksBody";
import { useConfigureUnderwritingTasks } from "./hooks/useUnderwritingTasksRepository";
import { useComponentVisibilityOnStatus } from "@features/Merchants/MerchantSidePanel/hooks/useComponentVisibilityOnStatus";
import { useMerchantSidePanelContext } from "../Provider/MerchantSidePanelProvider";
import { useGetUnderwritingTasksStats } from "./hooks/useGetUnderwritingTasksStats";
import { usePendingTask } from "./hooks/usePendingTask";
import PendingTasksBody from "./components/TasksBody/PendingTasksBody";
const NewApprovalCard = () => {
const { palette } = useAppTheme();
const { data, isPendingView } = useMerchantSidePanelContext();
const { taskList, counts: pendingCounts } = usePendingTask({
merchantId: data?.merchantInfo?.merchantID,
});
const { configs, repositories } = useConfigureUnderwritingTasks({
merchantId: data?.merchantInfo?.merchantID,
});
const { status } = useComponentVisibilityOnStatus({
data: data?.status,
isRebranding: true,
sponsorStatusName: data?.status?.sponsorStatusName,
});
const { counts, stats } = useGetUnderwritingTasksStats({
merchantId: data?.merchantInfo?.merchantID,
});
const usedCounts = isPendingView ? pendingCounts : counts;
return (
<WithRepositoryProvider configs={configs} repositories={repositories}>
<CardContainer backgroundColor={palette.surface?.primary}>
<TasksCardHeader
status={status}
counts={{ ...usedCounts, hasData: counts.hasData }}
/>
{isPendingView ? (
<PendingTasksBody tasksList={taskList} />
) : (
<TasksBody stats={stats} merchantData={data} />
)}
</CardContainer>
</WithRepositoryProvider>
);
};
export default NewApprovalCard;
|