feat(notices): add new route for creating notices and refactor existi…

…ng routes to use it

refactor(ConfirmationDialog.tsx): import server action from _actions and pass it down as prop
refactor(next.config.js): add new route for creating notices and refactor existing routes to use it

app/api/v3/projects/[project_id]/notices/route.ts → app/api/v3/notices/route.ts

@@ -85,7 +85,8 @@ async function POST(request: NextRequest) {
 
   const customNanoid = customAlphabet(urlAlphabet, 21);
   // assuming airbroke frontend is deployed alongside collector
-  const responseJSON = { id: customNanoid, url: `${getServerHostname(request)}/projects/${project.id}/notices` };
+  const responseJSON = { id: customNanoid(), url: `${getServerHostname(request)}/projects/${project.id}/notices` };
+  console.log(responseJSON); // Log the response JSON
   return NextResponse.json(responseJSON, { status: 201 });
 }
 

components/ConfirmationDialog.tsx

@@ -11,7 +11,7 @@ export default function ConfirmationDialog({
   title,
   body,
   btnTitle,
-  projectConfirmationAction,
+  projectConfirmationAction, // server action imported from _actions and passed down as prop
 }: {
   project: project;
   title?: string;

next.config.js

@@ -9,7 +9,15 @@ const nextConfig = {
     return [
       {
         source: '/api/v3/projects/:project_id/create-notice',
-        destination: '/api/v3/projects/:project_id/notices',
+        destination: '/api/v3/notices',
+      },
+      {
+        source: '/api/v3/projects/:project_id/notices',
+        destination: '/api/v3/notices',
+      },
+      {
+        source: '/notifier_api/v2/notices',
+        destination: '/api/v3/notices',
       },
     ];
   },