- ENS Auto Renewal
+
+
+ Add your ENS names to the list below to automatically renew them
+ when needed.
+
-
- This is a simple app to help you renew your ENS names.
-
-
- {Array.from({ length: 3 }).map((_, i) => (
-
Pool {i}
- ))}
+
+
+ {actions?.map((action) => (
+
+ ))}
+
+ {actions?.length === 0 && (
+ You have not created any actions yet
+ )}
+
);
diff --git a/web/src/routes/list.lazy.tsx b/web/src/routes/list.lazy.tsx
new file mode 100644
index 0000000..a4cbf37
--- /dev/null
+++ b/web/src/routes/list.lazy.tsx
@@ -0,0 +1,83 @@
+import { Button, Card, Helper, Tag, Typography } from "@ensdomains/thorin";
+import { useQuery } from "@tanstack/react-query";
+import { createLazyFileRoute } from "@tanstack/react-router";
+import { match } from "ts-pattern";
+import { Header } from "../components/Header";
+import { Action } from "../types";
+
+export const Route = createLazyFileRoute("/list")({
+ component: Index,
+});
+
+/**
+ * list of all actions
+ * list of all actions by owner
+ *
+ * create new action | SIG_REQ
+ * delete action | SIG_REQ
+ */
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const getAllActions = async (owner: string): Promise => {
+ // Temporary storage of actions in local storage
+ const stored = localStorage.getItem("actions");
+ if (!stored) {
+ return [];
+ }
+
+ try {
+ return JSON.parse(stored) as Action[];
+ } catch {
+ return [];
+ }
+};
+
+const ActionRow = ({ action }: { action: Action }) => {
+ return (
+