feat: renaming azure, home card, consistency

Author: lorenzocorallo

src/app/dashboard/(active)/assoc/page.tsx

@@ -11,7 +11,7 @@ export default async function AssocMembers() {
   void qc.prefetchQuery(trpc.azure.members.getAll.queryOptions())
   return (
     <div className="container p-8">
-      <Link href="/dashboard/assoc" className="flex gap-1 items-center text-muted-foreground mb-2 hover:underline">
+      <Link href="/dashboard/azure" className="flex gap-1 items-center text-muted-foreground mb-2 hover:underline">
         <ArrowLeft size={16} /> Back
       </Link>
       <ErrorBoundary fallback={<div>Something went wrong</div>}>

…/_components/set-assoc-number-dialog.tsx …/_components/set-assoc-number-dialog.tsxsrc/app/dashboard/(active)/assoc/members/_components/set-assoc-number-dialog.tsx renamed to src/app/dashboard/(active)/azure/members/_components/set-assoc-number-dialog.tsx src/app/dashboard/(active)/assoc/members/_components/set-assoc-number-dialog.tsx renamed to src/app/dashboard/(active)/azure/members/_components/set-assoc-number-dialog.tsx

@@ -0,0 +1,24 @@
+import { UsersRound } from "lucide-react"
+import Link from "next/link"
+import { Card, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
+
+export default function AssocIndex() {
+  return (
+    <div className="container py-8 px-2 flex flex-col gap-4">
+      <h2 className="text-accent-foreground text-3xl font-bold">Azure</h2>
+      <div className="gap-4 flex justify-start flex-wrap items-center">
+        <Link href="/dashboard/azure/members">
+          <Card className="w-90 hover:bg-accent transition-colors">
+            <CardHeader>
+              <CardTitle className="flex gap-2 items-center">
+                <UsersRound size={20} />
+                Members
+              </CardTitle>
+              <CardDescription>Manage all @polinetwork.org accounts</CardDescription>
+            </CardHeader>
+          </Card>
+        </Link>
+      </div>
+    </div>
+  )
+}

…board/(active)/assoc/members/columns.tsx …board/(active)/azure/members/columns.tsxsrc/app/dashboard/(active)/assoc/members/columns.tsx renamed to src/app/dashboard/(active)/azure/members/columns.tsx src/app/dashboard/(active)/assoc/members/columns.tsx renamed to src/app/dashboard/(active)/azure/members/columns.tsx

@@ -1,13 +1,26 @@
+import Link from "next/link"
+import { Card, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"
 import { getServerSession } from "@/server/auth"
 import { CompleteProfile } from "./complete-profile"
 
 export default async function AdminHome() {
   const { data: session } = await getServerSession()
   return (
     session && (
-      <div className="container mx-auto px-4 py-8">
+      <div className="container py-8 px-2">
         <CompleteProfile user={session.user} />
         <h2 className="text-accent-foreground mb-4 text-3xl font-bold">Home</h2>
+
+        <div className="gap-4 flex justify-start flex-wrap items-center">
+          <Link href="/dashboard/azure">
+            <Card className="w-90 hover:bg-accent transition-colors">
+              <CardHeader>
+                <CardTitle>Azure</CardTitle>
+                <CardDescription>Manage Azure related things</CardDescription>
+              </CardHeader>
+            </Card>
+          </Link>
+        </div>
       </div>
     )
   )

…ashboard/(active)/assoc/members/page.tsx …ashboard/(active)/azure/members/page.tsxsrc/app/dashboard/(active)/assoc/members/page.tsx renamed to src/app/dashboard/(active)/azure/members/page.tsx src/app/dashboard/(active)/assoc/members/page.tsx renamed to src/app/dashboard/(active)/azure/members/page.tsx

@@ -12,7 +12,7 @@ export function AdminHeader() {
         <Link href="/dashboard" className="hover:underline">
           Home
         </Link>
-        <Link href="/dashboard/assoc" className="hover:underline">
+        <Link href="/dashboard/azure" className="hover:underline">
           Azure
         </Link>
       </nav>