added user field to application, some improvements

Author: chin-flags

app/applications/page.tsx

@@ -0,0 +1,27 @@
+import { getApplications } from "@/lib/actions";
+import { notFound } from "next/navigation";
+import ApplicationsContainer from "@/components/ApplicationsContainer";
+
+type PageProps = {
+  searchParams: {
+    user: string;
+  };
+};
+
+const MyApplications = async ({ searchParams }: PageProps) => {
+  const user = searchParams.user;
+
+  if (!user) {
+    return notFound();
+  }
+
+  const applications = await getApplications(
+    (applications) => applications.user === user
+  );
+
+  return (
+    <ApplicationsContainer applications={applications} className="mt-24" />
+  );
+};
+
+export default MyApplications;

components/AllApps.tsx

@@ -1,17 +1,15 @@
 "use client";
 
 import { Fragment, useState } from "react";
-import { useAccount } from "wagmi";
-import { Menu, Transition } from "@headlessui/react";
-import { Bars4Icon } from "@heroicons/react/24/outline";
+import { Dialog, Menu, Transition } from "@headlessui/react";
+import { Bars4Icon, CheckIcon } from "@heroicons/react/24/outline";
 import NewApplication from "./NewApplication";
 import Link from "next/link";
 import PolisLogo from "./icons/PolisLogo";
 import { ConnectButton } from "./ConnectButton";
 
 export const Nav = () => {
   const [open, setOpen] = useState(false);
-  const { isConnected, address } = useAccount();
 
   return (
     <>
@@ -20,24 +18,22 @@ export const Nav = () => {
           <PolisLogo />
           <span className="text-2xl font-bold text-primary">Polis</span>
         </Link>
-        <div className="hidden lg:flex">
-          {isConnected && (
-            <div className="flex items-center gap-7">
-              <Link
-                href={`/apps?user=${address}`}
-                className="duration-200 ease-in-out hover:opacity-50"
-              >
-                My Applications
-              </Link>
-              <button
-                className="duration-200 ease-in-out hover:opacity-50"
-                onClick={() => setOpen(true)}
-              >
-                Submit New Application
-              </button>
-            </div>
-          )}
-          <ConnectButton />
+        <div className="hidden lg:block">
+          <div className="flex items-center gap-7">
+            <Link
+              href="/application"
+              className="duration-200 ease-in-out hover:opacity-50"
+            >
+              My Application
+            </Link>
+            <button
+              className="duration-200 ease-in-out hover:opacity-50"
+              onClick={() => setOpen(true)}
+            >
+              Submit New Application
+            </button>
+            <ConnectButton />
+          </div>
         </div>
         <div className="z-10 lg:hidden">
           <Menu as="div" className="relative inline-block text-left">

components/EditorsPick.tsx

@@ -7,6 +7,7 @@ declare global {
     user: string;
     category: string[];
     description: string;
+    user: string;
     applicationUrl?: string;
     repoUrl?: string;
     logo?: string;