feat: реализация модуля "Биржа" с переносом функционала из Маркета
- Создан новый раздел "Биржа" во всех кабинетах с иконкой TrendingUp - Перенесены вкладки "Инвестиции" и "Бизнес" из /market в /exchange - Обновлена навигация сайдбара: кнопка "Биржа" между "Экономика" и "Настройки" - Маркет теперь содержит только "Товары" и "Заявки" (2 вкладки вместо 4) - Сохранена полная функциональность без потери данных - Безопасная реализация с резервными копиями оригинальных компонентов Структура Exchange модуля: - src/components/exchange/exchange-dashboard.tsx - src/components/exchange/tabs/investments-tab.tsx - src/components/exchange/tabs/business-tab.tsx - src/components/exchange/types/exchange.types.ts - src/app/exchange/page.tsx 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Veronika Smirnova
66
src/components/exchange/exchange-dashboard.tsx
Normal file
66
src/components/exchange/exchange-dashboard.tsx
Normal file
@ -0,0 +1,66 @@
|
||||
'use client'
|
||||
|
||||
import { Sidebar } from '@/components/dashboard/sidebar'
|
||||
import { Card } from '@/components/ui/card'
|
||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'
|
||||
import { useSidebar } from '@/hooks/useSidebar'
|
||||
|
||||
import { ExchangeBusinessTab } from './tabs/business-tab'
|
||||
import { ExchangeInvestmentsTab } from './tabs/investments-tab'
|
||||
import type { ExchangeDashboardProps } from './types/exchange.types'
|
||||
|
||||
export function ExchangeDashboard({ userRole = 'SELLER' }: ExchangeDashboardProps) {
|
||||
const { getSidebarMargin } = useSidebar()
|
||||
|
||||
return (
|
||||
<div className="h-screen flex overflow-hidden">
|
||||
<Sidebar />
|
||||
<main className={`flex-1 ${getSidebarMargin()} px-6 py-4 overflow-hidden transition-all duration-300`}>
|
||||
<div className="h-full w-full flex flex-col">
|
||||
{/* Заголовок раздела */}
|
||||
<div className="flex items-center space-x-3 mb-6 flex-shrink-0">
|
||||
<div className="w-12 h-12 bg-gradient-to-r from-purple-500 to-blue-500 rounded-xl flex items-center justify-center">
|
||||
<span className="text-white font-bold text-xl">₿</span>
|
||||
</div>
|
||||
<div>
|
||||
<h1 className="text-2xl font-bold text-white">Биржа</h1>
|
||||
<p className="text-white/60">Инвестиции и бизнес-возможности</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Основной контент с табами */}
|
||||
<div className="flex-1 overflow-hidden">
|
||||
<Tabs defaultValue="investments" className="h-full flex flex-col">
|
||||
<TabsList className="grid w-full grid-cols-2 bg-white/5 backdrop-blur border-white/10 flex-shrink-0">
|
||||
<TabsTrigger
|
||||
value="investments"
|
||||
className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
|
||||
>
|
||||
Инвестиции
|
||||
</TabsTrigger>
|
||||
<TabsTrigger
|
||||
value="business"
|
||||
className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70"
|
||||
>
|
||||
Бизнес
|
||||
</TabsTrigger>
|
||||
</TabsList>
|
||||
|
||||
<TabsContent value="investments" className="flex-1 overflow-hidden mt-6">
|
||||
<Card className="glass-card h-full overflow-hidden p-6">
|
||||
<ExchangeInvestmentsTab userRole={userRole} />
|
||||
</Card>
|
||||
</TabsContent>
|
||||
|
||||
<TabsContent value="business" className="flex-1 overflow-hidden mt-6">
|
||||
<Card className="glass-card h-full overflow-hidden p-6">
|
||||
<ExchangeBusinessTab userRole={userRole} />
|
||||
</Card>
|
||||
</TabsContent>
|
||||
</Tabs>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
9
src/components/exchange/index.ts
Normal file
9
src/components/exchange/index.ts
Normal file
@ -0,0 +1,9 @@
|
||||
// Главный экспорт модуля Exchange
|
||||
export { ExchangeDashboard } from './exchange-dashboard'
|
||||
|
||||
// Экспорт компонентов вкладок
|
||||
export { ExchangeInvestmentsTab } from './tabs/investments-tab'
|
||||
export { ExchangeBusinessTab } from './tabs/business-tab'
|
||||
|
||||
// Экспорт типов
|
||||
export type { ExchangeDashboardProps, ExchangeTabProps, ExchangeTabType, ExchangeConfig } from './types/exchange.types'
|
||||
59
src/components/exchange/tabs/business-tab.tsx
Normal file
59
src/components/exchange/tabs/business-tab.tsx
Normal file
@ -0,0 +1,59 @@
|
||||
'use client'
|
||||
|
||||
import { Building, Users, Target, Briefcase } from 'lucide-react'
|
||||
|
||||
import { Card } from '@/components/ui/card'
|
||||
|
||||
import type { ExchangeTabProps } from '../types/exchange.types'
|
||||
|
||||
export function ExchangeBusinessTab(_props: ExchangeTabProps) {
|
||||
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>
|
||||
)
|
||||
}
|
||||
63
src/components/exchange/tabs/investments-tab.tsx
Normal file
63
src/components/exchange/tabs/investments-tab.tsx
Normal file
@ -0,0 +1,63 @@
|
||||
'use client'
|
||||
|
||||
import { TrendingUp, DollarSign, BarChart3 } from 'lucide-react'
|
||||
|
||||
import { Card } from '@/components/ui/card'
|
||||
|
||||
import type { ExchangeTabProps } from '../types/exchange.types'
|
||||
|
||||
export function ExchangeInvestmentsTab(_props: ExchangeTabProps) {
|
||||
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>
|
||||
)
|
||||
}
|
||||
19
src/components/exchange/types/exchange.types.ts
Normal file
19
src/components/exchange/types/exchange.types.ts
Normal file
@ -0,0 +1,19 @@
|
||||
// Типы для модуля Биржи
|
||||
export interface ExchangeDashboardProps {
|
||||
userRole?: 'SELLER' | 'WHOLESALE' | 'FULFILLMENT' | 'LOGIST'
|
||||
}
|
||||
|
||||
export interface ExchangeTabProps {
|
||||
userRole?: 'SELLER' | 'WHOLESALE' | 'FULFILLMENT' | 'LOGIST'
|
||||
}
|
||||
|
||||
export type ExchangeTabType = 'investments' | 'business'
|
||||
|
||||
export interface ExchangeConfig {
|
||||
defaultTab: ExchangeTabType
|
||||
availableTabs: {
|
||||
id: ExchangeTabType
|
||||
name: string
|
||||
enabled: boolean
|
||||
}[]
|
||||
}
|
||||
Reference in New Issue
Block a user