Обновлен интерфейс панели поставок: заменены вкладки товаров и расходников на вкладки для выполнения и маркетплейсов. Изменен активный таб на 'fulfillment', обновлены названия вкладок для улучшения понимания. Оптимизирован код для лучшей читаемости.

This commit is contained in:
Veronika Smirnova
2025-07-21 15:24:12 +03:00
parent b935807cc2
commit 248548a4b4
10 changed files with 3820 additions and 12 deletions

View File

@ -6,12 +6,12 @@ import { Button } from "@/components/ui/button";
import { Sidebar } from "@/components/dashboard/sidebar";
import { useSidebar } from "@/hooks/useSidebar";
import { Plus } from "lucide-react";
import { SuppliesGoodsTab } from "./goods-supplies/goods-supplies-tab";
import { SuppliesConsumablesTab } from "./consumables-supplies/consumables-supplies-tab";
import { FulfillmentSuppliesTab } from "./fulfillment-supplies/fulfillment-supplies-tab";
import { MarketplaceSuppliesTab } from "./marketplace-supplies/marketplace-supplies-tab";
export function SuppliesDashboard() {
const { getSidebarMargin } = useSidebar();
const [activeTab, setActiveTab] = useState("goods");
const [activeTab, setActiveTab] = useState("fulfillment");
return (
<div className="h-screen flex overflow-hidden">
@ -20,7 +20,7 @@ export function SuppliesDashboard() {
className={`flex-1 ${getSidebarMargin()} px-4 py-4 overflow-hidden transition-all duration-300`}
>
<div className="h-full">
{/* Вкладки с кнопкой создания */}
{/* Главные вкладки с кнопкой создания */}
<Tabs
value={activeTab}
onValueChange={setActiveTab}
@ -29,16 +29,16 @@ export function SuppliesDashboard() {
<div className="flex items-center justify-between mb-6">
<TabsList className="grid grid-cols-2 bg-white/10 backdrop-blur border-white/20 w-fit">
<TabsTrigger
value="goods"
value="fulfillment"
className="data-[state=active]:bg-gradient-to-r data-[state=active]:from-purple-500 data-[state=active]:to-pink-500 data-[state=active]:text-white text-white/60 px-8"
>
Товар
Поставки на ФФ
</TabsTrigger>
<TabsTrigger
value="consumables"
value="marketplace"
className="data-[state=active]:bg-gradient-to-r data-[state=active]:from-purple-500 data-[state=active]:to-pink-500 data-[state=active]:text-white text-white/60 px-8"
>
Расходники
Поставки на Маркетплейсы
</TabsTrigger>
</TabsList>
@ -53,12 +53,12 @@ export function SuppliesDashboard() {
</Button>
</div>
<TabsContent value="goods" className="mt-0 flex-1">
<SuppliesGoodsTab />
<TabsContent value="fulfillment" className="mt-0 flex-1">
<FulfillmentSuppliesTab />
</TabsContent>
<TabsContent value="consumables" className="mt-0 flex-1">
<SuppliesConsumablesTab />
<TabsContent value="marketplace" className="mt-0 flex-1">
<MarketplaceSuppliesTab />
</TabsContent>
</Tabs>
</div>