frontPanel/src/pages/IntegrationsPage/PartnersBoard/buttons/PostbackButton.tsx

32 lines
925 B
TypeScript
Raw Normal View History

import { Box } from "@mui/material";
import { FC } from "react";
import { QuizMetricType } from "@model/quizSettings";
import PostbackDefault from "@/assets/icons/logo/Postback";
import PostbackPC from "@/assets/icons/logo/PostbackPC";
import { IntegrationButton } from "./IntegrationButton";
type PostbackButtonProps = {
setIsModalOpen: (value: boolean) => void;
setCompanyName: (value: keyof typeof QuizMetricType) => void;
};
export const PostbackButton: FC<PostbackButtonProps> = ({
setIsModalOpen,
setCompanyName,
}) => {
const handleClick = () => {
setCompanyName("postback" as keyof typeof QuizMetricType);
setIsModalOpen(true);
};
return (
<IntegrationButton onClick={handleClick} padding="0 0 0 20px">
<>
{/* Иконка монитора */}
<PostbackPC />
{/* Текст Postback */}
<PostbackDefault />
</>
</IntegrationButton>
);
};