feat: v1 API + frontend migration

2026-07-03 14:06:33 -04:00
parent ff44db311d
commit c9e4d345b8
212 changed files with 26747 additions and 398 deletions
@@ -0,0 +1,69 @@
+import { useState, useEffect, FormEvent } from 'react';
+import { useGetLogs } from '../generated/anthoLumeAPIV1';
+import type { LogsResponse } from '../generated/model';
+import { Button } from '../components/Button';
+import { LoadingState } from '../components';
+import { useDebounce } from '../hooks/useDebounce';
+import { Search2Icon } from '../icons';
+
+export default function AdminLogsPage() {
+  const [filter, setFilter] = useState('');
+  const [activeFilter, setActiveFilter] = useState('');
+  const debouncedFilter = useDebounce(filter, 300);
+
+  useEffect(() => {
+    setActiveFilter(debouncedFilter);
+  }, [debouncedFilter]);
+
+  const { data: logsData, isLoading } = useGetLogs(activeFilter ? { filter: activeFilter } : {});
+
+  const logs = logsData?.status === 200 ? ((logsData.data as LogsResponse).logs ?? []) : [];
+
+  const handleFilterSubmit = (e: FormEvent) => {
+    e.preventDefault();
+    setActiveFilter(filter);
+  };
+
+  return (
+    <div>
+      <div className="mb-4 flex grow flex-col gap-2 rounded bg-surface p-4 text-content-muted shadow-lg">
+        <form className="flex flex-col gap-4 lg:flex-row" onSubmit={handleFilterSubmit}>
+          <div className="flex w-full grow flex-col">
+            <div className="relative flex">
+              <span className="inline-flex items-center border-y border-l border-border bg-surface px-3 text-sm text-content-muted shadow-sm">
+                <Search2Icon size={15} hoverable={false} />
+              </span>
+              <input
+                type="text"
+                value={filter}
+                onChange={e => setFilter(e.target.value)}
+                className="w-full flex-1 appearance-none rounded-none border border-border bg-surface p-2 text-base text-content shadow-sm placeholder:text-content-subtle focus:border-transparent focus:outline-none focus:ring-2 focus:ring-primary-600"
+                placeholder="JQ Filter"
+              />
+            </div>
+          </div>
+          <div className="lg:w-60">
+            <Button variant="secondary" type="submit">
+              Filter
+            </Button>
+          </div>
+        </form>
+      </div>
+
+      <div
+        className="flex w-full flex-col-reverse overflow-scroll text-content"
+        style={{ fontFamily: 'monospace' }}
+      >
+        {isLoading ? (
+          <LoadingState className="min-h-40 w-full" />
+        ) : (
+          logs.map((log, index) => (
+            <span key={index} className="whitespace-nowrap hover:whitespace-pre">
+              {typeof log === 'string' ? log : JSON.stringify(log)}
+            </span>
+          ))
+        )}
+      </div>
+    </div>
+  );
+}