diff --git a/app/lookup/[domain]/archive/_components/CreateSnapshotCTA.tsx b/app/lookup/[domain]/archive/_components/CreateSnapshotCTA.tsx new file mode 100644 index 00000000..83473ee3 --- /dev/null +++ b/app/lookup/[domain]/archive/_components/CreateSnapshotCTA.tsx @@ -0,0 +1,23 @@ +'use client'; + +import { useRouter } from 'next/navigation'; +import { FC, ReactElement } from 'react'; + +import { Button } from '@/components/ui/button'; + +interface Props { + domain: string; +} + +export const CreateSnapshotCTA: FC = (domain): ReactElement => { + const router = useRouter(); + + return ( + + ); +}; diff --git a/app/lookup/[domain]/archive/_components/WebArchiveIframeDrawer.tsx b/app/lookup/[domain]/archive/_components/WebArchiveIframeDrawer.tsx new file mode 100644 index 00000000..1ea4bf2f --- /dev/null +++ b/app/lookup/[domain]/archive/_components/WebArchiveIframeDrawer.tsx @@ -0,0 +1,83 @@ +'use client'; + +import { ShieldHalf } from 'lucide-react'; +import { DateTime } from 'luxon'; +import Link from 'next/link'; +import { type FC, ReactElement, useState } from 'react'; +import Iframe from 'react-iframe'; + +import { Badge } from '@/components/ui/badge'; +import { Button } from '@/components/ui/button'; +import { + DrawerClose, + DrawerDescription, + DrawerFooter, + DrawerHeader, + DrawerTitle, +} from '@/components/ui/drawer'; +import { Skeleton } from '@/components/ui/skeleton'; + +type WebArchiveIframeDrawerProps = { + url: string; + timestamp: string; +}; + +const WebArchiveIframeDrawer: FC = ({ + url, + timestamp, +}): ReactElement => { + const [isIframeLoaded, setIsIframeLoaded] = useState(false); + + return ( + <> + + + WebArchive:{' '} + {DateTime.fromFormat(timestamp, 'yyyyMMddHHmmss').toFormat( + 'MM/dd/yyyy tt' + )} + + + {url} + + + Secure + + + +
+