fix: allow admins only to block with details in parental control page (mobile view) 🐛

components/block-device-dialog.tsx

@@ -37,7 +37,7 @@ const initialState: BlockDeviceFormState = {
 
 export default function BlockDeviceDialog({
   device,
-	// admin,
+  admin,
   parentalControl = false,
 }: {
   device: Device;
@@ -100,7 +100,7 @@ export default function BlockDeviceDialog({
   }
 
   // If device is not blocked and user is not admin, show simple block button
-	if (!device.blocked && parentalControl) {
+  if ((!device.blocked && parentalControl) || !admin) {
     return (
       <Button
         onClick={handleSimpleBlock}

components/device-card.tsx

@@ -12,6 +12,7 @@ import { Badge } from "./ui/badge";
 export default function DeviceCard({
   device,
   parentalControl,
+  isAdmin,
 }: {
   device: Device;
   parentalControl?: boolean;
@@ -104,7 +105,7 @@ export default function DeviceCard({
             <AddDevicesToCartButton device={device} />
           ) : (
             <BlockDeviceDialog
-							admin={false}
+              admin={isAdmin}
               type={device.blocked ? "unblock" : "block"}
               device={device}
             />

components/devices-table.tsx

@@ -109,6 +109,7 @@ export async function DevicesTable({
                 parentalControl={parentalControl}
                 key={device.id}
                 device={device}
+                isAdmin={isAdmin}
               />
             ))}
           </div>