From 4ba666d7d5f154e300b3b1fddb2e0de5e6d88829 Mon Sep 17 00:00:00 2001
From: panteliselef <panteliselef@outlook.com>
Date: Wed, 8 Nov 2023 19:35:17 +0200
Subject: [PATCH] chore(repo): Add <OrganizationList/> to nextjs playground
 (#2083)

---
 .changeset/pretty-singers-change.md            |  2 ++
 .../nextjs/app/app-dir/discover/page.tsx       | 10 ++++++++++
 playground/nextjs/pages/discover/index.tsx     | 18 ++++++++++++++++++
 3 files changed, 30 insertions(+)
 create mode 100644 .changeset/pretty-singers-change.md
 create mode 100644 playground/nextjs/app/app-dir/discover/page.tsx
 create mode 100644 playground/nextjs/pages/discover/index.tsx

diff --git a/.changeset/pretty-singers-change.md b/.changeset/pretty-singers-change.md
new file mode 100644
index 0000000000..a845151cc8
--- /dev/null
+++ b/.changeset/pretty-singers-change.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/playground/nextjs/app/app-dir/discover/page.tsx b/playground/nextjs/app/app-dir/discover/page.tsx
new file mode 100644
index 0000000000..f559468521
--- /dev/null
+++ b/playground/nextjs/app/app-dir/discover/page.tsx
@@ -0,0 +1,10 @@
+import { OrganizationList } from '@clerk/nextjs';
+
+export default function Page() {
+  return (
+    <OrganizationList
+      afterSelectPersonalUrl='/app-dir/user'
+      afterSelectOrganizationUrl='/app-dir/organization'
+    />
+  );
+}
diff --git a/playground/nextjs/pages/discover/index.tsx b/playground/nextjs/pages/discover/index.tsx
new file mode 100644
index 0000000000..e1100da5e0
--- /dev/null
+++ b/playground/nextjs/pages/discover/index.tsx
@@ -0,0 +1,18 @@
+import { OrganizationList } from '@clerk/nextjs';
+import type { NextPage } from 'next';
+import React from 'react';
+
+const Discover: NextPage = () => {
+  return (
+    <div
+      style={{ display: 'flex', flexDirection: 'column', gap: '2rem', justifyContent: 'center', alignItems: 'center' }}
+    >
+      <OrganizationList
+        afterSelectPersonalUrl='/user/:id'
+        afterSelectOrganizationUrl='/organization/:id'
+      />
+    </div>
+  );
+};
+
+export default Discover;