🔨 refactor：将页面模块封装

src/app/(auth)/(routes)/sign-in/[[...sign-in]]/page.tsx

@@ -1,5 +1,13 @@
-import { SignIn } from '@clerk/nextjs';
+import { NextPage } from 'next';
 
-export default function Page() {
-  return <SignIn />;
-}
+import SignIn from '@/modules/SignIn';
+
+const Page: NextPage = () => {
+  return (
+    <>
+      <SignIn />
+    </>
+  );
+};
+
+export default Page;

src/app/(auth)/(routes)/sign-up/[[...sign-up]]/page.tsx

@@ -1,5 +1,13 @@
-import { SignUp } from '@clerk/nextjs';
+import { NextPage } from 'next';
 
-export default function Page() {
-  return <SignUp />;
-}
+import SignUp from '@/modules/SignUp';
+
+const Page: NextPage = () => {
+  return (
+    <>
+      <SignUp />
+    </>
+  );
+};
+
+export default Page;

src/app/(invite)/(routes)/invite/[inviteCode]/page.tsx

@@ -1,61 +1,19 @@
-import { redirectToSignIn } from '@clerk/nextjs/server';
-import { redirect } from 'next/navigation';
+import { NextPage } from 'next';
 
-import { currentProfile } from '@/common/libs/current-profile';
-import { db } from '@/common/libs/db';
+import Invite from '@/modules/Invite';
 
 interface InviteCodePageProps {
   params: {
     inviteCode: string;
   };
 }
 
-const InviteCodePage = async ({ params }: InviteCodePageProps) => {
-  const profile = await currentProfile();
-
-  if (!profile) {
-    return redirectToSignIn();
-  }
-
-  if (!params.inviteCode) {
-    return redirect('/');
-  }
-
-  const existingServer = await db.server.findFirst({
-    where: {
-      inviteCode: params.inviteCode,
-      members: {
-        some: {
-          profileId: profile.id,
-        },
-      },
-    },
-  });
-
-  if (existingServer) {
-    return redirect(`/servers/${existingServer.id}`);
-  }
-
-  const server = await db.server.update({
-    where: {
-      inviteCode: params.inviteCode,
-    },
-    data: {
-      members: {
-        create: [
-          {
-            profileId: profile.id,
-          },
-        ],
-      },
-    },
-  });
-
-  if (server) {
-    return redirect(`/servers/${server.id}`);
-  }
-
-  return null;
+const Page: NextPage<InviteCodePageProps> = ({ params }) => {
+  return (
+    <>
+      <Invite inviteCode={params.inviteCode} />
+    </>
+  );
 };
 
-export default InviteCodePage;
+export default Page;

src/modules/Channels/components/Channels.tsx

@@ -0,0 +1,7 @@
+import { SignIn as ClerkSignIn } from '@clerk/nextjs';
+
+const Channels: React.FC = () => {
+  return <ClerkSignIn />;
+};
+
+export default Channels;

src/modules/Channels/index.ts

@@ -0,0 +1,3 @@
+import Channels from './components/Channels';
+
+export default Channels;

src/modules/Conversations/components/Conversations.tsx

@@ -0,0 +1,7 @@
+import { SignIn as ClerkSignIn } from '@clerk/nextjs';
+
+const Conversations: React.FC = () => {
+  return <ClerkSignIn />;
+};
+
+export default Conversations;

src/modules/Conversations/index.ts

@@ -0,0 +1,3 @@
+import Conversations from './components/Conversations';
+
+export default Conversations;

src/modules/Invite/components/Invite.tsx

@@ -0,0 +1,59 @@
+import { redirectToSignIn } from '@clerk/nextjs/server';
+import { redirect } from 'next/navigation';
+
+import { currentProfile } from '@/common/libs/current-profile';
+import { db } from '@/common/libs/db';
+
+interface InviteProps {
+  inviteCode: string;
+}
+
+const Invite: React.FC<InviteProps> = async ({ inviteCode }) => {
+  const profile = await currentProfile();
+
+  if (!profile) {
+    return redirectToSignIn();
+  }
+
+  if (!inviteCode) {
+    return redirect('/');
+  }
+
+  const existingServer = await db.server.findFirst({
+    where: {
+      inviteCode: inviteCode,
+      members: {
+        some: {
+          profileId: profile.id,
+        },
+      },
+    },
+  });
+
+  if (existingServer) {
+    return redirect(`/servers/${existingServer.id}`);
+  }
+
+  const server = await db.server.update({
+    where: {
+      inviteCode: inviteCode,
+    },
+    data: {
+      members: {
+        create: [
+          {
+            profileId: profile.id,
+          },
+        ],
+      },
+    },
+  });
+
+  if (server) {
+    return redirect(`/servers/${server.id}`);
+  }
+
+  return null;
+};
+
+export default Invite;

src/modules/Invite/index.ts

@@ -0,0 +1,3 @@
+import Invite from './components/Invite';
+
+export default Invite;

src/modules/Servers/components/Servers.tsx

@@ -0,0 +1,7 @@
+import { SignIn as ClerkSignIn } from '@clerk/nextjs';
+
+const Servers: React.FC = () => {
+  return <ClerkSignIn />;
+};
+
+export default Servers;

src/modules/Servers/index.ts

@@ -0,0 +1,3 @@
+import Servers from './components/Servers';
+
+export default Servers;

src/modules/SetUp/components/SetUp.tsx

@@ -0,0 +1,7 @@
+import { SignIn as ClerkSignIn } from '@clerk/nextjs';
+
+const SetUp: React.FC = () => {
+  return <ClerkSignIn />;
+};
+
+export default SetUp;

src/modules/SetUp/index.ts

@@ -0,0 +1,3 @@
+import SetUp from './components/SetUp';
+
+export default SetUp;

src/modules/SignIn/components/SignIn.tsx

@@ -0,0 +1,7 @@
+import { SignIn as ClerkSignIn } from '@clerk/nextjs';
+
+const SignIn: React.FC = () => {
+  return <ClerkSignIn />;
+};
+
+export default SignIn;

src/modules/SignIn/index.ts

@@ -0,0 +1,3 @@
+import SignIn from './components/SignIn';
+
+export default SignIn;

src/modules/SignUp/components/SignUp.tsx

@@ -0,0 +1,7 @@
+import { SignUp as ClerkSignUp } from '@clerk/nextjs';
+
+const SignUp: React.FC = () => {
+  return <ClerkSignUp />;
+};
+
+export default SignUp;

src/modules/SignUp/index.ts

@@ -0,0 +1,3 @@
+import SignUp from './components/SignUp';
+
+export default SignUp;