From 1875e981065572a95281553ecf19a75a2f194bfe Mon Sep 17 00:00:00 2001
From: cfngc4594 <cfngc4594@gmail.com>
Date: Wed, 2 Apr 2025 08:38:43 +0800
Subject: [PATCH] feat(problemset/table): wrap `Add Problem` button with
 Next.js Link

---
 .../dashboard/admin/problemset/table.tsx        | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/features/dashboard/admin/problemset/table.tsx b/src/components/features/dashboard/admin/problemset/table.tsx
index 99e8482..afdb560 100644
--- a/src/components/features/dashboard/admin/problemset/table.tsx
+++ b/src/components/features/dashboard/admin/problemset/table.tsx
@@ -16,6 +16,7 @@ import {
   PlusIcon,
   TrashIcon,
 } from "lucide-react";
+import Link from "next/link";
 import {
   Table,
   TableBody,
@@ -406,13 +407,15 @@ export function ProblemsetTable({ data }: ProblemTableProps) {
               </AlertDialogContent>
             </AlertDialog>
           )}
-          <Button className="ml-auto" variant="outline">
-            <PlusIcon
-              className="-ms-1 opacity-60"
-              size={16}
-              aria-hidden="true"
-            />
-            Add Problem
+          <Button className="ml-auto" variant="outline" asChild>
+            <Link href="/dashboard/problemset/new">
+              <PlusIcon
+                className="-ms-1 opacity-60"
+                size={16}
+                aria-hidden="true"
+              />
+              Add Problem
+            </Link>
           </Button>
         </div>
       </div>