base commit

client/src/features/address-map-picker/ui/AddressMapPicker.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useMemo, useRef, useState } from 'react'
+import MyLocationOutlinedIcon from '@mui/icons-material/MyLocationOutlined'
 import Box from '@mui/material/Box'
 import Button from '@mui/material/Button'
 import CircularProgress from '@mui/material/CircularProgress'
@@ -10,11 +11,8 @@ import Stack from '@mui/material/Stack'
 import TextField from '@mui/material/TextField'
 import Tooltip from '@mui/material/Tooltip'
 import Typography from '@mui/material/Typography'
-import MyLocationOutlinedIcon from '@mui/icons-material/MyLocationOutlined'
 import * as maplibregl from 'maplibre-gl'
-import Map, { Marker } from 'react-map-gl/maplibre'
-import type { MapMouseEvent } from 'react-map-gl/maplibre'
-import type { MapRef } from 'react-map-gl/maplibre'
+import Map, { Marker, type MapMouseEvent, type MapRef } from 'react-map-gl/maplibre'
 
 type NominatimItem = { display_name: string; lat: string; lon: string }
 

client/src/features/cart/add-to-cart/index.ts

@@ -0,0 +1 @@
+export { AddToCartButton } from './ui/AddToCartButton'

client/src/features/cart/add-to-cart/ui/AddToCartButton.tsx

@@ -0,0 +1,37 @@
+import Button from '@mui/material/Button'
+import type { ButtonProps } from '@mui/material/Button'
+import { useMutation, useQueryClient } from '@tanstack/react-query'
+import { useUnit } from 'effector-react'
+import { addToCart } from '@/entities/cart/api/cart-api'
+import { $user } from '@/shared/model/auth'
+
+type Props = {
+  productId: string
+  qty?: number
+  loggedOutLabel?: string
+} & Omit<ButtonProps, 'onClick'>
+
+export function AddToCartButton(props: Props) {
+  const { productId, qty = 1, loggedOutLabel = 'Войдите, чтобы купить', disabled, children, ...rest } = props
+  const qc = useQueryClient()
+  const user = useUnit($user)
+
+  const addMut = useMutation({
+    mutationFn: () => addToCart({ productId, qty }),
+    onSuccess: () => void qc.invalidateQueries({ queryKey: ['me', 'cart'] }),
+  })
+
+  return (
+    <Button
+      {...rest}
+      disabled={Boolean(disabled) || !user || addMut.isPending}
+      onClick={(e) => {
+        e.preventDefault()
+        e.stopPropagation()
+        addMut.mutate()
+      }}
+    >
+      {user ? (children ?? 'В корзину') : loggedOutLabel}
+    </Button>
+  )
+}