Добавлена кнопка "Партнёры" в боковую панель с соответствующей логикой навигации. Обновлены вкладки на странице рынка: изменены названия и порядок вкладок, добавлены новые компоненты для инвестиций и бизнеса. Улучшен интерфейс и адаптивность элементов.
This commit is contained in:
64
src/components/market/market-business.tsx
Normal file
64
src/components/market/market-business.tsx
Normal file
@ -0,0 +1,64 @@
|
||||
"use client"
|
||||
|
||||
import { Card } from '@/components/ui/card'
|
||||
import { Building, Users, Target, Briefcase } from 'lucide-react'
|
||||
|
||||
export function MarketBusiness() {
|
||||
return (
|
||||
<div className="h-full flex flex-col space-y-4 overflow-hidden">
|
||||
{/* Заголовок с иконкой */}
|
||||
<div className="flex items-center space-x-3 flex-shrink-0 mb-4">
|
||||
<Briefcase className="h-6 w-6 text-orange-400" />
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold text-white">Бизнес</h3>
|
||||
<p className="text-white/60 text-sm">Бизнес-возможности и развитие</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Контент раздела */}
|
||||
<div className="flex-1 overflow-auto space-y-4">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||||
<Card className="bg-white/5 backdrop-blur border-white/10 p-6">
|
||||
<div className="flex items-center space-x-3 mb-4">
|
||||
<Building className="h-8 w-8 text-orange-400" />
|
||||
<h4 className="text-lg font-semibold text-white">Франшизы</h4>
|
||||
</div>
|
||||
<p className="text-white/60 text-sm">
|
||||
Готовые бизнес-решения и франшизы в сфере логистики и торговли
|
||||
</p>
|
||||
</Card>
|
||||
|
||||
<Card className="bg-white/5 backdrop-blur border-white/10 p-6">
|
||||
<div className="flex items-center space-x-3 mb-4">
|
||||
<Users className="h-8 w-8 text-blue-400" />
|
||||
<h4 className="text-lg font-semibold text-white">Партнёрство</h4>
|
||||
</div>
|
||||
<p className="text-white/60 text-sm">
|
||||
Поиск бизнес-партнёров для совместных проектов и развития
|
||||
</p>
|
||||
</Card>
|
||||
|
||||
<Card className="bg-white/5 backdrop-blur border-white/10 p-6">
|
||||
<div className="flex items-center space-x-3 mb-4">
|
||||
<Target className="h-8 w-8 text-green-400" />
|
||||
<h4 className="text-lg font-semibold text-white">Консалтинг</h4>
|
||||
</div>
|
||||
<p className="text-white/60 text-sm">
|
||||
Бизнес-консультации и стратегическое планирование развития
|
||||
</p>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
<div className="text-center py-8">
|
||||
<div className="w-16 h-16 bg-white/10 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<Briefcase className="h-8 w-8 text-white/40" />
|
||||
</div>
|
||||
<p className="text-white/60 text-lg mb-2">Раздел в разработке</p>
|
||||
<p className="text-white/40 text-sm">
|
||||
Бизнес-функционал будет доступен в ближайших обновлениях
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
@ -4,14 +4,11 @@ import { useState } from 'react'
|
||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
|
||||
import { Card } from '@/components/ui/card'
|
||||
import { Sidebar } from '@/components/dashboard/sidebar'
|
||||
import { MarketCounterparties } from './market-counterparties'
|
||||
import { MarketFulfillment } from './market-fulfillment'
|
||||
import { MarketSellers } from './market-sellers'
|
||||
import { MarketLogistics } from './market-logistics'
|
||||
import { MarketWholesale } from './market-wholesale'
|
||||
import { MarketProducts } from './market-products'
|
||||
import { MarketCategories } from './market-categories'
|
||||
import { MarketRequests } from './market-requests'
|
||||
import { MarketInvestments } from './market-investments'
|
||||
import { MarketBusiness } from './market-business'
|
||||
import { FavoritesDashboard } from '../favorites/favorites-dashboard'
|
||||
|
||||
export function MarketDashboard() {
|
||||
@ -46,7 +43,7 @@ export function MarketDashboard() {
|
||||
{/* Основной контент с табами */}
|
||||
<div className="flex-1 overflow-hidden">
|
||||
<Tabs
|
||||
defaultValue="counterparties"
|
||||
defaultValue="investments"
|
||||
className="h-full flex flex-col"
|
||||
onValueChange={(value) => {
|
||||
if (value === 'products') {
|
||||
@ -56,36 +53,18 @@ export function MarketDashboard() {
|
||||
}
|
||||
}}
|
||||
>
|
||||
<TabsList className="grid w-full grid-cols-6 bg-white/5 backdrop-blur border-white/10 flex-shrink-0">
|
||||
<TabsList className="grid w-full grid-cols-4 bg-white/5 backdrop-blur border-white/10 flex-shrink-0">
|
||||
<TabsTrigger
|
||||
value="counterparties"
|
||||
value="investments"
|
||||
className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
|
||||
>
|
||||
Мои контрагенты
|
||||
Инвестиции
|
||||
</TabsTrigger>
|
||||
<TabsTrigger
|
||||
value="fulfillment"
|
||||
value="business"
|
||||
className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
|
||||
>
|
||||
Фулфилмент
|
||||
</TabsTrigger>
|
||||
<TabsTrigger
|
||||
value="sellers"
|
||||
className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
|
||||
>
|
||||
Селлеры
|
||||
</TabsTrigger>
|
||||
<TabsTrigger
|
||||
value="logistics"
|
||||
className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
|
||||
>
|
||||
Логистика
|
||||
</TabsTrigger>
|
||||
<TabsTrigger
|
||||
value="wholesale"
|
||||
className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
|
||||
>
|
||||
Оптовик
|
||||
Бизнес
|
||||
</TabsTrigger>
|
||||
<TabsTrigger
|
||||
value="products"
|
||||
@ -93,35 +72,29 @@ export function MarketDashboard() {
|
||||
>
|
||||
Товары
|
||||
</TabsTrigger>
|
||||
<TabsTrigger
|
||||
value="requests"
|
||||
className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
|
||||
>
|
||||
Заявки
|
||||
</TabsTrigger>
|
||||
</TabsList>
|
||||
|
||||
<TabsContent value="counterparties" className="flex-1 overflow-hidden mt-6">
|
||||
<TabsContent value="investments" className="flex-1 overflow-hidden mt-6">
|
||||
<Card className="glass-card h-full overflow-hidden p-6">
|
||||
<MarketCounterparties />
|
||||
<MarketInvestments />
|
||||
</Card>
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="fulfillment" className="flex-1 overflow-hidden mt-6">
|
||||
<TabsContent value="business" className="flex-1 overflow-hidden mt-6">
|
||||
<Card className="glass-card h-full overflow-hidden p-6">
|
||||
<MarketFulfillment />
|
||||
<MarketBusiness />
|
||||
</Card>
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="sellers" className="flex-1 overflow-hidden mt-6">
|
||||
<TabsContent value="requests" className="flex-1 overflow-hidden mt-6">
|
||||
<Card className="glass-card h-full overflow-hidden p-6">
|
||||
<MarketSellers />
|
||||
</Card>
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="logistics" className="flex-1 overflow-hidden mt-6">
|
||||
<Card className="glass-card h-full overflow-hidden p-6">
|
||||
<MarketLogistics />
|
||||
</Card>
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="wholesale" className="flex-1 overflow-hidden mt-6">
|
||||
<Card className="glass-card h-full overflow-hidden p-6">
|
||||
<MarketWholesale />
|
||||
<MarketRequests />
|
||||
</Card>
|
||||
</TabsContent>
|
||||
|
||||
|
64
src/components/market/market-investments.tsx
Normal file
64
src/components/market/market-investments.tsx
Normal file
@ -0,0 +1,64 @@
|
||||
"use client"
|
||||
|
||||
import { Card } from '@/components/ui/card'
|
||||
import { TrendingUp, DollarSign, BarChart3 } from 'lucide-react'
|
||||
|
||||
export function MarketInvestments() {
|
||||
return (
|
||||
<div className="h-full flex flex-col space-y-4 overflow-hidden">
|
||||
{/* Заголовок с иконкой */}
|
||||
<div className="flex items-center space-x-3 flex-shrink-0 mb-4">
|
||||
<TrendingUp className="h-6 w-6 text-green-400" />
|
||||
<div>
|
||||
<h3 className="text-lg font-semibold text-white">Инвестиции</h3>
|
||||
<p className="text-white/60 text-sm">Инвестиционные возможности и проекты</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Контент раздела */}
|
||||
<div className="flex-1 overflow-auto space-y-4">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
|
||||
<Card className="bg-white/5 backdrop-blur border-white/10 p-6">
|
||||
<div className="flex items-center space-x-3 mb-4">
|
||||
<DollarSign className="h-8 w-8 text-green-400" />
|
||||
<h4 className="text-lg font-semibold text-white">Инвестиционные проекты</h4>
|
||||
</div>
|
||||
<p className="text-white/60 text-sm">
|
||||
Поиск и анализ перспективных инвестиционных проектов в сфере логистики и e-commerce
|
||||
</p>
|
||||
</Card>
|
||||
|
||||
<Card className="bg-white/5 backdrop-blur border-white/10 p-6">
|
||||
<div className="flex items-center space-x-3 mb-4">
|
||||
<BarChart3 className="h-8 w-8 text-blue-400" />
|
||||
<h4 className="text-lg font-semibold text-white">Аналитика рынка</h4>
|
||||
</div>
|
||||
<p className="text-white/60 text-sm">
|
||||
Исследования и аналитические отчёты для принятия инвестиционных решений
|
||||
</p>
|
||||
</Card>
|
||||
|
||||
<Card className="bg-white/5 backdrop-blur border-white/10 p-6">
|
||||
<div className="flex items-center space-x-3 mb-4">
|
||||
<TrendingUp className="h-8 w-8 text-purple-400" />
|
||||
<h4 className="text-lg font-semibold text-white">Доходность</h4>
|
||||
</div>
|
||||
<p className="text-white/60 text-sm">
|
||||
Отслеживание доходности инвестиций и планирование бюджета
|
||||
</p>
|
||||
</Card>
|
||||
</div>
|
||||
|
||||
<div className="text-center py-8">
|
||||
<div className="w-16 h-16 bg-white/10 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<TrendingUp className="h-8 w-8 text-white/40" />
|
||||
</div>
|
||||
<p className="text-white/60 text-lg mb-2">Раздел в разработке</p>
|
||||
<p className="text-white/40 text-sm">
|
||||
Функционал инвестиций будет доступен в ближайших обновлениях
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
Reference in New Issue
Block a user