251205:1500 debug backend/frontend

frontend/components/common/can.tsx

@@ -0,0 +1,27 @@
+"use client";
+
+import { useSession } from "next-auth/react";
+import { ReactNode } from "react";
+
+interface CanProps {
+  permission: string;
+  children: ReactNode;
+}
+
+export function Can({ permission, children }: CanProps) {
+  const { data: session } = useSession();
+
+  if (!session?.user) {
+    return null;
+  }
+
+  const userRole = session.user.role;
+
+  // Simple role-based check
+  // If the user's role matches the required permission (role), allow access.
+  if (userRole === permission) {
+    return <>{children}</>;
+  }
+
+  return null;
+}