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 | 3x 70x 70x 70x 70x | import { Box } from "@mui/material";
import { useFormContext } from "react-hook-form";
import ProviderMccSection from "features/Merchants/MerchantSidePanel/components/ProviderMccSection";
import { TCategoryCode } from "@components/Merchants/MerchantPreview/data.types";
type Props = {
parentCategories?: TCategoryCode[];
};
const LocalMcc = ({ parentCategories }: Props) => {
const { watch } = useFormContext();
const values = watch();
// Only render if we have categories
Eif (!values.categories || values.categories.length === 0) {
return null;
}
return (
<Box data-testid="local-mcc-container" mx="20px">
<ProviderMccSection parentCategories={parentCategories} />
</Box>
);
};
export default LocalMcc;
|