feat: groups creating on mobile

src/app/deals/drawers/StatusesMobileEditorDrawer/components/StatusMobile.tsx

@@ -2,6 +2,7 @@ import React, { FC } from "react";
 import { Box, Group, Text } from "@mantine/core";
 import { modals } from "@mantine/modals";
 import StatusMenu from "@/app/deals/components/shared/StatusMenu/StatusMenu";
+import { useDealsContext } from "@/app/deals/contexts/DealsContext";
 import { useStatusesMobileContext } from "@/app/deals/drawers/StatusesMobileEditorDrawer/contexts/BoardStatusesContext";
 import { BoardSchema, StatusSchema } from "@/lib/client";
 
@@ -12,6 +13,7 @@ type Props = {
 
 const StatusMobile: FC<Props> = ({ status, board }) => {
     const { statusesCrud } = useStatusesMobileContext();
+    const { groupDealsSelection } = useDealsContext();
 
     const startEditing = () => {
         modals.openContextModal({
@@ -40,8 +42,11 @@ const StatusMobile: FC<Props> = ({ status, board }) => {
                 board={board}
                 onDeleteStatus={statusesCrud.onDelete}
                 handleEdit={startEditing}
-                onStatusColorChange={color => statusesCrud.onUpdate(status.id, { color })}
+                onStatusColorChange={color =>
+                    statusesCrud.onUpdate(status.id, { color })
+                }
                 withChangeOrderButton={false}
+                startDealsSelecting={groupDealsSelection.startSelecting}
             />
         </Group>
     );