ochenstarik/krona-front
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor(shared): consolidate shared components imports into shared/ui

Browse source
This commit is contained in:
ochenstarik 2026-09-11 02:34:15 +07:00
parent e234aa9d4a
commit b951888a26
36 changed files with 28 additions and 105 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/app/layouts/AppShell.tsx
View file

@ -8,8 +8,7 @@ import { BottomNav } from '../shell/BottomNav';
import { CommandPalette } from '../shell/CommandPalette'; import { CommandPalette } from '../shell/CommandPalette';
import { QuickActionsModal } from '../shell/QuickActionsModal'; import { QuickActionsModal } from '../shell/QuickActionsModal';
import { NotificationsDrawer } from '../shell/NotificationsDrawer'; import { NotificationsDrawer } from '../shell/NotificationsDrawer';
import { Drawer } from '../../shared/components/Drawer'; import { Drawer, Button } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
export const AppShell: React.FC = () => { export const AppShell: React.FC = () => {
const { const {

3
src/app/shell/NotificationsDrawer.tsx
View file

@ -1,7 +1,6 @@
import React from 'react'; import React from 'react';
import { useDemoStore } from '../../mock/store'; import { useDemoStore } from '../../mock/store';
import { Drawer } from '../../shared/components/Drawer'; import { Drawer, Button } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { Bell, AlertTriangle, AlertCircle, CheckCircle2, Info, Check, Trash2 } from 'lucide-react'; import { Bell, AlertTriangle, AlertCircle, CheckCircle2, Info, Check, Trash2 } from 'lucide-react';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';

4
src/app/shell/QuickActionsModal.tsx
View file

@ -1,8 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { useDemoStore } from '../../mock/store'; import { useDemoStore } from '../../mock/store';
import { Modal } from '../../shared/components/Modal'; import { Modal, Button, Input } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { Input } from '../../shared/components/Input';
import { import {
ShoppingBag, ShoppingBag,
Calendar, Calendar,

3
src/app/shell/RightCommandPanel.tsx
View file

@ -1,7 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { useDemoStore } from '../../mock/store'; import { useDemoStore } from '../../mock/store';
import { Button } from '../../shared/components/Button'; import { Button, Badge } from '../../shared/ui';
import { Badge } from '../../shared/components/Badge';
import { import {
Sparkles, Sparkles,
Send, Send,

2
src/app/shell/Topbar.tsx
View file

@ -4,7 +4,7 @@ import { useDemoStore } from '../../mock/store';
import { BUSINESS_PROFILES } from '../../core/profiles/profiles'; import { BUSINESS_PROFILES } from '../../core/profiles/profiles';
import { SYSTEM_ROLES } from '../../core/permissions/types'; import { SYSTEM_ROLES } from '../../core/permissions/types';
import { SYSTEM_MODULES } from '../../core/modules/registry'; import { SYSTEM_MODULES } from '../../core/modules/registry';
import { Button } from '../../shared/components/Button'; import { Button } from '../../shared/ui';
import { import {
Search, Search,
Plus, Plus,

6
src/features/ai/AiCenterModule.tsx
View file

@ -1,9 +1,5 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button, MaturityBadge, Modal, useToast } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { Modal } from '../../shared/components/Modal';
import { useToast } from '../../shared/ui/useToast';
import { import {
Sparkles, Sparkles,
Bot, Bot,

4
src/features/analytics/AnalyticsModule.tsx
View file

@ -1,7 +1,5 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { StatCard } from '../../shared/components/StatCard'; import { StatCard, Badge, MaturityBadge } from '../../shared/ui';
import { Badge } from '../../shared/components/Badge';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { formatCurrency, formatNumber } from '../../shared/utils/formatters'; import { formatCurrency, formatNumber } from '../../shared/utils/formatters';
import { import {
XAxis, XAxis,

4
src/features/apps/AppsCatalogModule.tsx
View file

@ -1,7 +1,5 @@
import React from 'react'; import React from 'react';
import { Badge } from '../../shared/components/Badge'; import { Badge, MaturityBadge, Button } from '../../shared/ui';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { Button } from '../../shared/components/Button';
import { CAPABILITIES_LIST } from '../../core/capabilities/types'; import { CAPABILITIES_LIST } from '../../core/capabilities/types';
import { useDemoStore } from '../../mock/store'; import { useDemoStore } from '../../mock/store';

6
src/features/automation/AutomationModule.tsx
View file

@ -1,9 +1,5 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button, MaturityBadge, Modal, useToast } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { Modal } from '../../shared/components/Modal';
import { useToast } from '../../shared/ui/useToast';
import { import {
ArrowDown, ArrowDown,
Play, Play,

5
src/features/cms/CmsModule.tsx
View file

@ -1,9 +1,6 @@
import React, { useState, useMemo } from 'react'; import React, { useState, useMemo } from 'react';
import { useLocation, useNavigate } from 'react-router-dom'; import { useLocation, useNavigate } from 'react-router-dom';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button, MaturityBadge, useToast } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { useToast } from '../../shared/ui/useToast';
import { import {
Globe, Globe,
Smartphone, Smartphone,

5
src/features/communications/CommunicationsModule.tsx
View file

@ -1,10 +1,7 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { INITIAL_CONVERSATIONS, ConversationItem } from '../../mock/mockData'; import { INITIAL_CONVERSATIONS, ConversationItem } from '../../mock/mockData';
import { mockApi } from '../../mock/mockApi'; import { mockApi } from '../../mock/mockApi';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button, MaturityBadge, useToast } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { useToast } from '../../shared/ui/useToast';
import { import {
Send, Send,
Search, Search,

5
src/features/dashboard/DynamicDashboard.tsx
View file

@ -1,9 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { useDemoStore } from '../../mock/store'; import { useDemoStore } from '../../mock/store';
import { StatCard } from '../../shared/components/StatCard'; import { StatCard, Button, Badge, MaturityBadge } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { Badge } from '../../shared/components/Badge';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { formatCurrency } from '../../shared/utils/formatters'; import { formatCurrency } from '../../shared/utils/formatters';
import { import {
TrendingUp, TrendingUp,

6
src/features/employees/EmployeesModule.tsx
View file

@ -1,10 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { INITIAL_EMPLOYEES, EmployeeEntity } from '../../mock/mockData'; import { INITIAL_EMPLOYEES, EmployeeEntity } from '../../mock/mockData';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button, MaturityBadge, Modal, useToast } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { Modal } from '../../shared/components/Modal';
import { useToast } from '../../shared/ui/useToast';
import { import {
Clock, Clock,
Star, Star,

6
src/features/helpdesk/HelpDeskModule.tsx
View file

@ -1,10 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { INITIAL_TICKETS, TicketEntity } from '../../mock/mockData'; import { INITIAL_TICKETS, TicketEntity } from '../../mock/mockData';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button, MaturityBadge, Modal, useToast } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { Modal } from '../../shared/components/Modal';
import { useToast } from '../../shared/ui/useToast';
import { import {
AlertCircle, AlertCircle,
Clock, Clock,

7
src/features/marketing/MarketingModule.tsx
View file

@ -1,10 +1,5 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button, StatCard, MaturityBadge, Modal, useToast } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { StatCard } from '../../shared/components/StatCard';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { Modal } from '../../shared/components/Modal';
import { useToast } from '../../shared/ui/useToast';
import { formatCurrency } from '../../shared/utils/formatters'; import { formatCurrency } from '../../shared/utils/formatters';
import { import {
Sparkles, Sparkles,

3
src/features/operations/BaysView.tsx
View file

@ -1,7 +1,6 @@
import React from 'react'; import React from 'react';
import { useDemoStore } from '../../mock/store'; import { useDemoStore } from '../../mock/store';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { Car, Clock, Plus } from 'lucide-react'; import { Car, Clock, Plus } from 'lucide-react';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';

3
src/features/operations/BookingCalendarView.tsx
View file

@ -1,7 +1,6 @@
import React from 'react'; import React from 'react';
import { useDemoStore, BookingSlot } from '../../mock/store'; import { useDemoStore, BookingSlot } from '../../mock/store';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { formatCurrency } from '../../shared/utils/formatters'; import { formatCurrency } from '../../shared/utils/formatters';
import { Clock, Plus } from 'lucide-react'; import { Clock, Plus } from 'lucide-react';

3
src/features/operations/DeliveryView.tsx
View file

@ -1,7 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { useDemoStore, DeliveryItem } from '../../mock/store'; import { useDemoStore, DeliveryItem } from '../../mock/store';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { formatCurrency } from '../../shared/utils/formatters'; import { formatCurrency } from '../../shared/utils/formatters';
import { import {
Truck, Truck,

6
src/features/operations/DiningView.tsx
View file

@ -1,10 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { useDemoStore } from '../../mock/store'; import { useDemoStore } from '../../mock/store';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button, MaturityBadge, Modal, useToast } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { Modal } from '../../shared/components/Modal';
import { useToast } from '../../shared/ui/useToast';
import { formatCurrency } from '../../shared/utils/formatters'; import { formatCurrency } from '../../shared/utils/formatters';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { Users, Clock, Utensils, Calendar, Printer } from 'lucide-react'; import { Users, Clock, Utensils, Calendar, Printer } from 'lucide-react';

5
src/features/operations/KdsView.tsx
View file

@ -1,9 +1,6 @@
import React, { useState, useEffect } from 'react'; import React, { useState, useEffect } from 'react';
import { useDemoStore, KdsTicket } from '../../mock/store'; import { useDemoStore, KdsTicket } from '../../mock/store';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button, MaturityBadge, useToast } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { useToast } from '../../shared/ui/useToast';
import { import {
Clock, Clock,
CheckCircle2, CheckCircle2,

4
src/features/operations/OperationsModule.tsx
View file

@ -13,9 +13,7 @@ import { BaysView } from './BaysView';
import { InventoryModule } from '../inventory/InventoryModule'; import { InventoryModule } from '../inventory/InventoryModule';
import { SalesModule } from '../sales/SalesModule'; import { SalesModule } from '../sales/SalesModule';
import { INITIAL_CATALOG } from '../../mock/mockData'; import { INITIAL_CATALOG } from '../../mock/mockData';
import { Button } from '../../shared/components/Button'; import { Button, Badge, MaturityBadge } from '../../shared/ui';
import { Badge } from '../../shared/components/Badge';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { formatCurrency } from '../../shared/utils/formatters'; import { formatCurrency } from '../../shared/utils/formatters';

6
src/features/operations/PosView.tsx
View file

@ -1,11 +1,7 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { useDemoStore, PosCartItem } from '../../mock/store'; import { useDemoStore, PosCartItem } from '../../mock/store';
import { INITIAL_CATALOG } from '../../mock/mockData'; import { INITIAL_CATALOG } from '../../mock/mockData';
import { Button } from '../../shared/components/Button'; import { Button, Badge, MaturityBadge, Modal, useToast } from '../../shared/ui';
import { Badge } from '../../shared/components/Badge';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { Modal } from '../../shared/components/Modal';
import { useToast } from '../../shared/ui/useToast';
import { formatCurrency } from '../../shared/utils/formatters'; import { formatCurrency } from '../../shared/utils/formatters';
import { import {
Search, Search,

6
src/features/operations/PurchasingView.tsx
View file

@ -1,9 +1,5 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button, StatCard, Modal, Input } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { StatCard } from '../../shared/components/StatCard';
import { Modal } from '../../shared/components/Modal';
import { Input } from '../../shared/components/Input';
import { formatCurrency } from '../../shared/utils/formatters'; import { formatCurrency } from '../../shared/utils/formatters';
import { import {
Truck, Truck,

4
src/features/operations/RecipesView.tsx
View file

@ -1,10 +1,8 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { INITIAL_RECIPES, RecipeItem } from '../../mock/mockData'; import { INITIAL_RECIPES, RecipeItem } from '../../mock/mockData';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button, Modal } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { formatCurrency } from '../../shared/utils/formatters'; import { formatCurrency } from '../../shared/utils/formatters';
import { ChefHat } from 'lucide-react'; import { ChefHat } from 'lucide-react';
import { Modal } from '../../shared/components/Modal';
export const RecipesView: React.FC = () => { export const RecipesView: React.FC = () => {
const [recipes] = useState<RecipeItem[]>(INITIAL_RECIPES); const [recipes] = useState<RecipeItem[]>(INITIAL_RECIPES);

4
src/features/operations/WorkOrdersView.tsx
View file

@ -1,8 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { useDemoStore, WorkOrder } from '../../mock/store'; import { useDemoStore, WorkOrder } from '../../mock/store';
import { Badge } from '../../shared/components/Badge'; import { Badge, Button, Modal } from '../../shared/ui';
import { Button } from '../../shared/components/Button';
import { Modal } from '../../shared/components/Modal';
import { formatCurrency } from '../../shared/utils/formatters'; import { formatCurrency } from '../../shared/utils/formatters';
import { Car, Plus } from 'lucide-react'; import { Car, Plus } from 'lucide-react';

5
src/features/settings/SettingsModule.tsx
View file

@ -3,10 +3,7 @@ import { useDemoStore } from '../../mock/store';
import { CAPABILITIES_LIST } from '../../core/capabilities/types'; import { CAPABILITIES_LIST } from '../../core/capabilities/types';
import { BUSINESS_PROFILES } from '../../core/profiles/profiles'; import { BUSINESS_PROFILES } from '../../core/profiles/profiles';
import { SYSTEM_ROLES, SystemRoleId } from '../../core/permissions/types'; import { SYSTEM_ROLES, SystemRoleId } from '../../core/permissions/types';
import { Badge } from '../../shared/components/Badge'; import { Badge, MaturityBadge, Button, useToast } from '../../shared/ui';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { Button } from '../../shared/components/Button';
import { useToast } from '../../shared/ui/useToast';
import { import {
exportDatabaseSnapshot, exportDatabaseSnapshot,
importDatabaseSnapshot, importDatabaseSnapshot,

5
src/features/tasks/TasksModule.tsx
View file

@ -1,9 +1,6 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { INITIAL_TASKS, TaskEntity } from '../../mock/mockData'; import { INITIAL_TASKS, TaskEntity } from '../../mock/mockData';
import { Badge } from '../../shared/components/Badge'; import { Badge, MaturityBadge, Button, Modal } from '../../shared/ui';
import { MaturityBadge } from '../../shared/ui/MaturityBadge';
import { Button } from '../../shared/components/Button';
import { Modal } from '../../shared/components/Modal';
import { import {
Clock, Clock,
Plus, Plus,

1
src/shared/components/Badge.tsx
View file

@ -1 +0,0 @@
export { Badge, type BadgeProps } from '../ui/Badge';

1
src/shared/components/Button.tsx
View file

@ -1 +0,0 @@
export { Button, type ButtonProps } from '../ui/Button';

1
src/shared/components/Drawer.tsx
View file

@ -1 +0,0 @@
export { Drawer, type DrawerProps } from '../ui/Drawer';

1
src/shared/components/EmptyState.tsx
View file

@ -1 +0,0 @@
export { EmptyState, type EmptyStateProps } from '../ui/EmptyState';

1
src/shared/components/Input.tsx
View file

@ -1 +0,0 @@
export { Input, type InputProps } from '../ui/Input';

1
src/shared/components/MaturityBadge.tsx
View file

@ -1 +0,0 @@
export { MaturityBadge, type MaturityBadgeProps, type MaturityLevel } from '../ui/MaturityBadge';

1
src/shared/components/Modal.tsx
View file

@ -1 +0,0 @@
export { Modal, type ModalProps } from '../ui/Modal';

1
src/shared/components/StatCard.tsx
View file

@ -1 +0,0 @@
export { StatCard, type StatCardProps } from '../ui/StatCard';

2
tsconfig.app.tsbuildinfo
View file

File diff suppressed because one or more lines are too long