From 545cf75e9993f4dbc0653512d01b198f111998bf Mon Sep 17 00:00:00 2001
From: Sebastien Castiel <sebastien@castiel.me>
Date: Wed, 24 Jan 2024 11:12:55 -0500
Subject: Join group by URL (Closes #55)

---
 src/app/groups/recent-groups-page.tsx | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/app/groups/recent-groups-page.tsx

(limited to 'src/app/groups/recent-groups-page.tsx')

diff --git a/src/app/groups/recent-groups-page.tsx b/src/app/groups/recent-groups-page.tsx
new file mode 100644
index 0000000..36874b0
--- /dev/null
+++ b/src/app/groups/recent-groups-page.tsx
@@ -0,0 +1,29 @@
+'use client'
+import { AddGroupByUrlButton } from '@/app/groups/add-group-by-url-button'
+import { RecentGroupList } from '@/app/groups/recent-group-list'
+import { Button } from '@/components/ui/button'
+import Link from 'next/link'
+
+export function RecentGroupsPage() {
+  return (
+    <>
+      <div className="flex flex-col sm:flex-row sm:items-center justify-between gap-2">
+        <h1 className="font-bold text-2xl flex-1">
+          <Link href="/groups">My groups</Link>
+        </h1>
+        <div className="flex gap-2">
+          <AddGroupByUrlButton reload={() => {}} />
+          <Button asChild>
+            <Link href="/groups/create">
+              {/* <Plus className="w-4 h-4 mr-2" /> */}
+              <>Create</>
+            </Link>
+          </Button>
+        </div>
+      </div>
+      <div>
+        <RecentGroupList />
+      </div>
+    </>
+  )
+}
-- 
cgit v1.3

