Merge branch 'refactor'

client/src/features/cart/cart-badge/index.ts

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

client/src/features/cart/cart-badge/ui/CartBadge.tsx

@@ -0,0 +1,31 @@
+import ShoppingCartOutlinedIcon from '@mui/icons-material/ShoppingCartOutlined'
+import Badge from '@mui/material/Badge'
+import IconButton from '@mui/material/IconButton'
+import Tooltip from '@mui/material/Tooltip'
+import type { AuthUser } from '@/shared/model/auth'
+
+type Props = {
+  user: AuthUser | null
+  cartCount: number
+  onNavigate: (to: string) => void
+}
+
+export function CartBadge({ user, cartCount, onNavigate }: Props) {
+  return (
+    <Tooltip title={user ? 'Корзина' : 'Авторизуйтесь для совершения покупок'}>
+      <IconButton
+        color="inherit"
+        sx={{ ml: 1 }}
+        onClick={() => {
+          if (!user) onNavigate('/auth')
+          else onNavigate('/cart')
+        }}
+        aria-label="Корзина"
+      >
+        <Badge color="secondary" badgeContent={user ? cartCount : 0} invisible={!user || cartCount === 0}>
+          <ShoppingCartOutlinedIcon />
+        </Badge>
+      </IconButton>
+    </Tooltip>
+  )
+}