Update resource card to use anchor tag for navigation

2025-09-27 12:17:24 +00:00 · 2025-06-19 10:58:51 +08:00
parent 87782e8d3c
commit 9e0e83ecd9
1 changed files with 6 additions and 4 deletions
--- a/frontend/src/components/resource_card.tsx
+++ b/frontend/src/components/resource_card.tsx
@@ -12,9 +12,11 @@ export default function ResourceCard({ resource }: { resource: Resource }) {
  }

  return (
-    <div
-      className={"p-2 cursor-pointer"}
-      onClick={() => {
+    <a
+      href={`/resources/${resource.id}`}
+      className={"p-2 cursor-pointer block"}
+      onClick={(e) => {
+        e.preventDefault();
        navigate(`/resources/${resource.id}`);
      }}
    >
@@ -55,6 +57,6 @@ export default function ResourceCard({ resource }: { resource: Resource }) {
          </div>
        </div>
      </div>
-    </div>
+    </a>
  );
 }