screenshot-to-code/frontend/src/components/TermsOfServiceDialog.tsx
2023-11-20 12:38:40 -05:00

51 lines
1.3 KiB
TypeScript

import {
Dialog,
DialogClose,
DialogContent,
DialogFooter,
DialogHeader,
DialogTitle,
} from "@/components/ui/dialog";
import { useState } from "react";
function TermsOfServiceDialog() {
const [isOpen, setIsOpen] = useState(true);
return (
<Dialog open={isOpen} onOpenChange={setIsOpen}>
<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;