52 lines
1.3 KiB
TypeScript
52 lines
1.3 KiB
TypeScript
import {
|
|
Dialog,
|
|
DialogClose,
|
|
DialogContent,
|
|
DialogFooter,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
} from "@/components/ui/dialog";
|
|
|
|
const TermsOfServiceDialog: React.FC<{
|
|
open: boolean;
|
|
onOpenChange: (open: boolean) => void;
|
|
}> = ({ open, onOpenChange }) => {
|
|
|
|
return (
|
|
<Dialog open={open} onOpenChange={onOpenChange}>
|
|
<DialogContent>
|
|
<DialogHeader>
|
|
<DialogTitle className="mb-4">Terms of Service</DialogTitle>
|
|
</DialogHeader>
|
|
<div className="flex items-center space-x-2">
|
|
<span>
|
|
By using this website, you agree to the{" "}
|
|
<a
|
|
href="https://a.picoapps.xyz/camera-write"
|
|
target="_blank"
|
|
className="underline"
|
|
>
|
|
terms of service
|
|
</a>
|
|
. This project is MIT licensed.{" "}
|
|
<a
|
|
href="https://github.com/abi/screenshot-to-code"
|
|
target="_blank"
|
|
className="underline"
|
|
>
|
|
You can run this app locally by downloading the source code from
|
|
Github.
|
|
</a>
|
|
</span>
|
|
</div>
|
|
|
|
<DialogFooter>
|
|
<DialogClose>Agree</DialogClose>
|
|
</DialogFooter>
|
|
</DialogContent>
|
|
</Dialog>
|
|
);
|
|
};
|
|
|
|
export default TermsOfServiceDialog;
|