feat: 添加代码片段创建功能的错误处理，新增错误页面组件

src/actions/index.ts

@@ -22,6 +22,7 @@ export async function createSnippet(
   formState: { message: string },
   formData: FormData
 ) {
+  try {
     // Check the user's inputs and make sure they're valid
     const title = formData.get("title");
     const code = formData.get("code");
@@ -36,13 +37,23 @@ export async function createSnippet(
       };
     }
     // Create a new record in the database
-  const snippet = await db.snippet.create({
+    await db.snippet.create({
       data: {
         title: title,
         code: code,
       },
     });
-  console.log(snippet);
+  } catch (err: unknown) {
+    if (err instanceof Error) {
+      return {
+        message: err.message,
+      };
+    } else {
+      return {
+        message: "Something went wrong...",
+      };
+    }
+  }
   // Redirect the user back to the root route
   redirect("/");
 }

src/app/snippets/new/error.tsx

@@ -0,0 +1,10 @@
+"use client";
+
+interface ErrorPageProps {
+  error: Error;
+  reset: () => void;
+}
+
+export default function ErrorPage({ error }: ErrorPageProps) {
+  return <div>{error.message}</div>;
+}