base commit

client/src/features/cart/toggle-cart-icon/ui/ToggleCartIcon.tsx

@@ -9,8 +9,12 @@ import { useNavigate } from 'react-router-dom'
 import { addToCart, fetchMyCart, removeCartItem } from '@/entities/cart/api/cart-api'
 import { $user } from '@/shared/model/auth'
 
-export function ToggleCartIcon(props: { productId: string; size?: 'small' | 'medium' }) {
-  const { productId, size = 'small' } = props
+export function ToggleCartIcon(props: {
+  productId: string
+  size?: 'small' | 'medium'
+  disabledReason?: string | null
+}) {
+  const { productId, size = 'small', disabledReason = null } = props
   const user = useUnit($user)
   const qc = useQueryClient()
   const navigate = useNavigate()
@@ -34,12 +38,13 @@ export function ToggleCartIcon(props: { productId: string; size?: 'small' | 'med
     onSuccess: () => void qc.invalidateQueries({ queryKey: ['me', 'cart'] }),
   })
 
-  const disabled = !user
+  const disabled = !user || Boolean(disabledReason)
   const busy = addMut.isPending || removeMut.isPending
 
   const onClick = (e: React.MouseEvent) => {
     e.preventDefault()
     e.stopPropagation()
+    if (disabledReason) return
     if (!user) {
       navigate('/auth')
       return
@@ -48,7 +53,13 @@ export function ToggleCartIcon(props: { productId: string; size?: 'small' | 'med
     else addMut.mutate()
   }
 
-  const tooltip = !user ? 'Авторизуйтесь для совершения покупок' : inCart ? 'Убрать из корзины' : 'В корзину'
+  const tooltip = disabledReason
+    ? disabledReason
+    : !user
+      ? 'Авторизуйтесь для совершения покупок'
+      : inCart
+        ? 'Убрать из корзины'
+        : 'В корзину'
 
   return (
     <Tooltip title={tooltip}>