Welcome to Homelab Connector
- Check out the{" "}
-
+ Check out the
+
README
-
+
to get started.
Or sign in to access the dashboard.
diff --git a/src/app/paperless/document-search.tsx b/src/app/paperless/document-search.tsx
deleted file mode 100644
index 41b7554..0000000
--- a/src/app/paperless/document-search.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-"use client";
-
-import { usePathname, useRouter, useSearchParams } from "next/navigation";
-import { useForm } from "react-hook-form";
-import { z } from "zod";
-import { Button } from "~/components/ui/button";
-import {
- Form,
- FormControl,
- FormField,
- FormItem,
- FormLabel,
-} from "~/components/ui/form";
-import { Input } from "~/components/ui/input";
-import { zodResolver } from "@hookform/resolvers/zod";
-import { useCallback } from "react";
-
-const formSchema = z.object({
- query: z.string().min(3).max(256),
-});
-
-export default function DocumentsSearch() {
- const router = useRouter();
- const pathname = usePathname();
- const searchParams = useSearchParams();
- const givenQuery = searchParams.get("query") || "";
- // 1. Define your form.
- const form = useForm
- {QueryResult.isLoading ? (
-
- );
-}
-
-export default function DocumentsPage() {
- return (
-
-
- ) : QueryResult.data?.data ? (
-
-
- ) : (
- Search Results
--
- {QueryResult.data.data.documents.map((document, index) => (
-
-
-
- {document.title}
-
- -
- ))}
-
Start searching!
- )} -
-
-
-
- );
-}
\ No newline at end of file
diff --git a/src/app/paperless/page.tsx b/src/app/paperless/page.tsx
index e9fb1f3..0f77e2f 100644
--- a/src/app/paperless/page.tsx
+++ b/src/app/paperless/page.tsx
@@ -1,8 +1,170 @@
"use client";
import { SignedIn, SignedOut } from "@clerk/nextjs";
-import DocumentsSearch from "./document-search";
-import DocuemntsPage from "./documents-page";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+import { useForm } from "react-hook-form";
+import { z } from "zod";
+import { Button } from "@/components/ui/button";
+import {
+ Form,
+ FormControl,
+ FormField,
+ FormItem,
+ FormLabel,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { useCallback } from "react";
+import { ExternalLink } from "lucide-react";
+import { useEffect } from "react";
+import {
+ useQuery,
+ QueryClientProvider,
+ QueryClient,
+} from "@tanstack/react-query";
+import LoadingSpinner from "@/components/loading-spinner";
+
+const queryClient = new QueryClient();
+
+function DocumentsSearch() {
+ const formSchema = z.object({
+ query: z.string().min(3).max(256),
+ });
+ const router = useRouter();
+ const pathname = usePathname();
+ const searchParams = useSearchParams();
+ const givenQuery = searchParams.get("query") || "";
+ // 1. Define your form.
+ const form = useForm
+ {QueryResult.isLoading ? (
+ Loading...
+ ) : QueryResult.data?.data ? (
+
+ );
+}
export default function PaperlessPage() {
return (
@@ -14,12 +176,16 @@ export default function PaperlessPage() {
+
+ ) : (
+ Search Results
+-
+ {QueryResult.data.data.documents.map((document, index) => (
+
-
+
+ {document.title}
+
+ +
+ ))}
+
Start searching!
+ )} +
+
+
+
+