63 lines
1.5 KiB
TypeScript
63 lines
1.5 KiB
TypeScript
|
import { FC } from "react";
|
||
|
|
import { Box, useMediaQuery, useTheme } from "@mui/material";
|
||
|
|
import { StepButtonsBlock } from "../StepButtonsBlock/StepButtonsBlock";
|
||
|
|
|
||
|
|
type SettingsBlockProps = {
|
||
|
|
setStep: (value: number) => void;
|
||
|
|
setIsSettingsBlock: (value: boolean) => void;
|
||
|
|
selectedFunnelPerformer: string | null;
|
||
|
|
selectedFunnel: string | null;
|
||
|
|
selectedStagePerformer: string | null;
|
||
|
|
selectedStage: string | null;
|
||
|
|
selectedDealPerformer: string | null;
|
||
|
|
utmFile: File | null;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const SettingsBlock: FC<SettingsBlockProps> = ({
|
||
|
|
setStep,
|
||
|
|
setIsSettingsBlock,
|
||
|
|
selectedFunnelPerformer,
|
||
|
|
selectedFunnel,
|
||
|
|
selectedStagePerformer,
|
||
|
|
selectedDealPerformer,
|
||
|
|
selectedStage,
|
||
|
|
utmFile,
|
||
|
|
}) => {
|
||
|
|
const theme = useTheme();
|
||
|
|
const isMobile = useMediaQuery(theme.breakpoints.down(600));
|
||
|
|
|
||
|
|
return (
|
||
|
|
<Box
|
||
|
|
sx={{
|
||
|
|
display: "flex",
|
||
|
|
flexDirection: "column",
|
||
|
|
alignItems: "center",
|
||
|
|
height: "100%",
|
||
|
|
flexGrow: 1,
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<Box
|
||
|
|
sx={{
|
||
|
|
marginTop: "10px",
|
||
|
|
width: "100%",
|
||
|
|
height: "100%",
|
||
|
|
borderRadius: "10px",
|
||
|
|
padding: "10px",
|
||
|
|
boxShadow: "0 0 20px rgba(0, 0, 0, 0.15)",
|
||
|
|
}}
|
||
|
|
></Box>
|
||
|
|
<Box
|
||
|
|
sx={{
|
||
|
|
marginTop: "20px",
|
||
|
|
alignSelf: "end",
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<StepButtonsBlock
|
||
|
|
onSmallBtnClick={() => setIsSettingsBlock(false)}
|
||
|
|
isLargeBtnMissing={true}
|
||
|
|
/>
|
||
|
|
</Box>
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
};
|