From b777d60892659ae283f8b5aaea2a4609b81235a5 Mon Sep 17 00:00:00 2001 From: Mathis Date: Mon, 1 Jan 2024 22:28:42 +0100 Subject: [PATCH 1/7] initial --- .../archive/_components/WebArchiveItem.tsx | 41 +++++++++++++++++++ app/lookup/[domain]/archive/error.tsx | 24 +++++++++++ app/lookup/[domain]/archive/loading.tsx | 14 +++++++ app/lookup/[domain]/archive/page.tsx | 37 +++++++++++++++++ components/ResultsTabs.tsx | 27 ++++++++++++ package.json | 3 ++ yarn.lock | 17 ++++++++ 7 files changed, 163 insertions(+) create mode 100644 app/lookup/[domain]/archive/_components/WebArchiveItem.tsx create mode 100644 app/lookup/[domain]/archive/error.tsx create mode 100644 app/lookup/[domain]/archive/loading.tsx create mode 100644 app/lookup/[domain]/archive/page.tsx diff --git a/app/lookup/[domain]/archive/_components/WebArchiveItem.tsx b/app/lookup/[domain]/archive/_components/WebArchiveItem.tsx new file mode 100644 index 00000000..99cdd25c --- /dev/null +++ b/app/lookup/[domain]/archive/_components/WebArchiveItem.tsx @@ -0,0 +1,41 @@ +'use client'; + +import { DateTime } from 'luxon'; +import { type FC, ReactElement, useEffect } from 'react'; +import Iframe from 'react-iframe'; + +import { Button } from '@/components/ui/button'; + +type WebArchiveItemProps = { + url: string; + timestamp: string; +}; + +const WebArchiveItem: FC = async ({ + url, + timestamp, +}): Promise => { + console.log(DateTime.fromFormat(timestamp, 'yyyyMMddHHmmss')); + + return ( +
+