61 lines
2.3 KiB
TypeScript
61 lines
2.3 KiB
TypeScript
import { useHapticFeedback } from "@vkruglikov/react-telegram-web-app";
|
||
import { Button } from "~/shared/ui/button";
|
||
|
||
type DisclaimerModalProps = {
|
||
onConfirm(): void;
|
||
};
|
||
|
||
export const DisclaimerModal = ({
|
||
onConfirm,
|
||
}: DisclaimerModalProps) => {
|
||
const [impactOccurred] = useHapticFeedback();
|
||
|
||
const handleClick = (fn: () => void) => {
|
||
impactOccurred("light");
|
||
fn();
|
||
};
|
||
|
||
return (
|
||
<div
|
||
className={
|
||
"fixed left-0 top-0 z-30 flex h-full w-full items-center justify-center bg-black/80 px-[15px]"
|
||
}
|
||
>
|
||
<div className={"flex flex-col gap-[30px]"}>
|
||
<div
|
||
className={
|
||
"border border-white bg-[#1D1D1B] px-[10px] py-[16px] text-start flex flex-col gap-12"
|
||
}
|
||
>
|
||
<p className="mt-4">
|
||
«Внимание!
|
||
</p>
|
||
<p className="">
|
||
MY снимает с себя ответственность за правомерность загрузки контента пользователем.
|
||
</p>
|
||
<p className="flex flex-col">
|
||
<span className="tracking-[.25em] w-full">
|
||
Сервис исходит из личной
|
||
</span>
|
||
ответственности пользователя перед законом и третьими лицами. MY категорически не приемлет любые виды пиратства, но признает за Пользователем право принятия самостоятельных решений.
|
||
</p>
|
||
<p className="flex flex-col">
|
||
<span className="tracking-[.25em] w-full">
|
||
Перед загрузкой контента
|
||
</span>
|
||
необходимо убедиться, что первые 30 секунд контента, которые будут использоваться для превью, не содержат материалов, нарушающих возрастное ограничение 18+»
|
||
</p>
|
||
<Button
|
||
className={"mt-[20px]"}
|
||
label={"Принять и продолжить"}
|
||
includeArrows={false}
|
||
onClick={() => handleClick(onConfirm)}
|
||
/>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
);
|
||
};
|