new version frontend-webpage

frontend-web/src/components/events/ShiftCard.jsx

@@ -29,10 +29,12 @@ const convertTo12Hour = (time24) => {
   }
 };
 
-export default function ShiftCard({ shift, event }) {
+export default function ShiftCard({ shift, event, currentUser }) {
   const [assignModal, setAssignModal] = useState({ open: false, role: null });
 
   const roles = shift?.roles || [];
+  const isVendor = currentUser?.user_role === 'vendor' || currentUser?.role === 'vendor';
+  const canAssignStaff = isVendor;
   
   return (
     <>
@@ -99,7 +101,7 @@ export default function ShiftCard({ shift, event }) {
                       </div>
                     </div>
 
-                    {remainingCount > 0 && (
+                    {canAssignStaff && remainingCount > 0 && (
                       <Button
                         onClick={() => setAssignModal({ open: true, role })}
                         className="bg-[#0A39DF] hover:bg-blue-700 gap-2 font-semibold"