feat: statuses colors

src/modules/dealModularEditorTabs/FulfillmentBase/mobile/components/ProductMenu/ProductMenu.tsx

@@ -1,6 +1,7 @@
 import React, { FC } from "react";
 import { IconDotsVertical, IconEdit, IconTrash } from "@tabler/icons-react";
-import { Box, Group, Menu, Text } from "@mantine/core";
+import { Box, Menu } from "@mantine/core";
+import DropdownMenuItem from "@/components/ui/DropdownMenuItem/DropdownMenuItem";
 import ThemeIcon from "@/components/ui/ThemeIcon/ThemeIcon";
 import { DealProductSchema } from "@/lib/client";
 
@@ -26,26 +27,16 @@ const ProductMenu: FC<Props> = ({ value, onChange, onDelete }) => {
                 </Box>
             </Menu.Target>
             <Menu.Dropdown>
-                <Menu.Item
-                    onClick={e => {
-                        e.stopPropagation();
-                        onChange(value);
-                    }}>
-                    <Group wrap={"nowrap"}>
-                        <IconEdit />
-                        <Text>Редактировать</Text>
-                    </Group>
-                </Menu.Item>
-                <Menu.Item
-                    onClick={e => {
-                        e.stopPropagation();
-                        onDelete(value);
-                    }}>
-                    <Group wrap={"nowrap"}>
-                        <IconTrash />
-                        <Text>Удалить</Text>
-                    </Group>
-                </Menu.Item>
+                <DropdownMenuItem
+                    onClick={() => onChange(value)}
+                    icon={<IconEdit />}
+                    label={"Редактировать"}
+                />
+                <DropdownMenuItem
+                    onClick={() => onDelete(value)}
+                    icon={<IconTrash />}
+                    label={"Удалить"}
+                />
             </Menu.Dropdown>
         </Menu>
     );