further improvements for the mobile admin

resources/js/admin/mobile/components/Primitives.tsx

@@ -139,16 +139,22 @@ export function ActionTile({
   label,
   color,
   onPress,
+  disabled = false,
 }: {
   icon: React.ComponentType<{ size?: number; color?: string }>;
   label: string;
   color: string;
-  onPress: () => void;
+  onPress?: () => void;
+  disabled?: boolean;
 }) {
   const theme = useTheme();
   const text = String(theme.color12?.val ?? theme.color?.val ?? '#f8fafc');
   return (
-    <Pressable onPress={onPress} style={{ width: '48%', marginBottom: 12 }}>
+    <Pressable
+      onPress={disabled ? undefined : onPress}
+      style={{ width: '48%', marginBottom: 12, opacity: disabled ? 0.5 : 1 }}
+      disabled={disabled}
+    >
       <YStack
         borderRadius={16}
         padding="$3"