- GoodGo {t('common.admin')} -
- {/* EN: Spacer for centering / VI: Khoảng trống để căn giữa */} -{children}
-
- {/* EN: Page header / VI: Header trang */}
-
}>
-
-
-
- {/* EN: Metrics row / VI: Hàng metrics */}
- - {t('admin.dashboard.title')} -
-- {t('admin.dashboard.description')} -
-
-
-
- {/* EN: Charts row / VI: Hàng charts */}
- {/* EN: Tablet: Side-by-side charts / VI: Tablet: Charts cạnh nhau */}
-
- {/* EN: User Growth Chart / VI: User Growth Chart */}
-
}>
- {t('common.loading')}
{t('common.loading')}
- {/* EN: Mobile sidebar overlay / VI: Overlay sidebar mobile */}
- {sidebarOpen && (
- ([]);
-
- // EN: Mock data - replace with actual API calls / VI: Dữ liệu mock - thay thế bằng API calls thực tế
- const [messages] = React.useState([]);
-
- // EN: Mock columns / VI: Columns mock
- const columns: DataTableColumn[] = [
- { key: 'content', header: t('admin.messages.title'), sortable: true },
- { key: 'userName', header: t('common.user'), sortable: true },
- { key: 'status', header: t('admin.users.status'), sortable: true },
- { key: 'createdAt', header: t('admin.users.createdAt'), sortable: true },
- { key: 'actions', header: t('common.actions'), sortable: false },
- ];
-
- const handleBulkApprove = (ids: string[]) => {
- console.log('Approve messages:', ids);
- };
-
- const handleBulkReject = (ids: string[]) => {
- console.log('Reject messages:', ids);
- };
-
- const handleBulkDelete = (ids: string[]) => {
- console.log('Delete messages:', ids);
- };
-
- return (
-
-
}>
- setSidebarOpen(false)}
- aria-hidden="true"
- />
- )}
-
- {/* EN: Sidebar / VI: Sidebar */}
-
-
- {/* EN: Main content area / VI: Khu vực nội dung chính */}
-
- {/* EN: Mobile header with menu button / VI: Header mobile với nút menu */}
-
-
-
-
- {/* EN: Page content / VI: Nội dung trang */}
-
-
- );
-}
diff --git a/apps/web-admin/src/app/(dashboard)/messages/page.tsx b/apps/web-admin/src/app/(dashboard)/messages/page.tsx
deleted file mode 100644
index 7bb9899a..00000000
--- a/apps/web-admin/src/app/(dashboard)/messages/page.tsx
+++ /dev/null
@@ -1,174 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-// Force dynamic rendering to avoid static generation issues with translations
-export const dynamic = 'force-dynamic';
-import { Input } from '@/components/ui/input';
-import { Button } from '@/components/ui/button';
-import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/components/ui/card';
-import { DataTable, type DataTableColumn } from '@/components/admin/data-table';
-import { useTranslation } from '@/hooks/use-translation';
-import { Filter, Download } from 'lucide-react';
-
-/**
- * EN: Message interface
- * VI: Interface cho Message
- */
-interface Message {
- id: string;
- content: string;
- userId: string;
- userName: string;
- userEmail: string;
- status: 'pending' | 'approved' | 'rejected';
- createdAt: string;
- conversationId: string;
-}
-
-/**
- * EN: Messages page component
- * VI: Component trang Messages
- *
- * Features:
- * - Search and filter messages
- * - Message list with status
- * - Content moderation tools
- * - Message statistics
- */
-export default function MessagesPage() {
- const { t } = useTranslation();
- const [searchQuery, setSearchQuery] = React.useState('');
- const [currentPage, setCurrentPage] = React.useState(1);
- const [selectedRows, setSelectedRows] = React.useState
- {/* EN: Page header / VI: Header trang */}
-
-
- {t('common.search')}
-
- {t('admin.messages.description')}
-
-
-
-
-
-
- {/* EN: Message list table / VI: Bảng danh sách tin nhắn */}
- row.id}
- bulkActions={[
- {
- label: t('admin.messages.approve'),
- action: handleBulkApprove,
- variant: 'primary',
- },
- {
- label: t('admin.messages.reject'),
- action: handleBulkReject,
- variant: 'secondary',
- },
- {
- label: t('common.delete'),
- action: handleBulkDelete,
- variant: 'danger',
- },
- ]}
- exportable
- onExport={() => console.log('Export messages')}
- />
-
- );
-}
diff --git a/apps/web-admin/src/app/(dashboard)/settings/page.tsx b/apps/web-admin/src/app/(dashboard)/settings/page.tsx
deleted file mode 100644
index df93f435..00000000
--- a/apps/web-admin/src/app/(dashboard)/settings/page.tsx
+++ /dev/null
@@ -1,90 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-// Force dynamic rendering to avoid static generation issues with translations
-export const dynamic = 'force-dynamic';
-import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs';
-import { useTranslation } from '@/hooks/use-translation';
-// EN: Lazy load settings forms / VI: Lazy load các form cài đặt
-const GeneralSettings = React.lazy(() => import('@/components/admin/settings/general-settings').then(m => ({ default: m.GeneralSettings })));
-const EmailSettings = React.lazy(() => import('@/components/admin/settings/email-settings').then(m => ({ default: m.EmailSettings })));
-const SecuritySettings = React.lazy(() => import('@/components/admin/settings/security-settings').then(m => ({ default: m.SecuritySettings })));
-const ApiSettings = React.lazy(() => import('@/components/admin/settings/api-settings').then(m => ({ default: m.ApiSettings })));
-const AdvancedSettings = React.lazy(() => import('@/components/admin/settings/advanced-settings').then(m => ({ default: m.AdvancedSettings })));
-
-/**
- * EN: System Settings page component
- * VI: Component trang cài đặt hệ thống
- *
- * Features:
- * - Tab navigation (General, Email, Security, API, Advanced)
- * - Settings forms for each category
- *
- * Tính năng:
- * - Điều hướng tab (General, Email, Security, API, Advanced)
- * - Forms cài đặt cho mỗi danh mục
- */
-export default function SystemSettingsPage() {
- const { t } = useTranslation();
-
- return (
-
-
-
- {/* EN: Message statistics / VI: Thống kê tin nhắn */}
- - {t('admin.messages.title')} -
-- {t('admin.messages.description')} -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {/* EN: Search and filters card / VI: Card tìm kiếm và lọc */}
- 89,234
- {t('admin.messages.total')}
-1,234
- {t('admin.messages.today')}
-8,456
- {t('admin.messages.thisWeek')}
-34,567
- {t('admin.messages.thisMonth')}
-
-
-
- setSearchQuery(e.target.value)}
- className="w-full"
- />
-
-
-
-
-
-
- {/* EN: Page header / VI: Header trang */}
-
-
- {t('admin.settings.general')}
- {t('admin.settings.email')}
- {t('admin.settings.security')}
- {t('admin.settings.api')}
- {t('admin.settings.advanced')}
-
-
- {/* EN: General settings tab / VI: Tab cài đặt chung */}
-
-
}>
-
-
-
- {/* EN: Settings tabs / VI: Tabs cài đặt */}
- - {t('admin.settings.title')} -
-- {t('admin.settings.description')} -
-{t('common.loading')}
{t('common.loading')}
{t('common.loading')}
}> -{t('common.loading')}
}> -{t('common.loading')}
}> -
- {/* EN: Page header / VI: Header trang */}
-
-
- {t('admin.users.searchAndFilters')}
-
- {t('admin.users.searchAndFiltersDesc')}
-
-
-
-
-
-
- {/* EN: User list table / VI: Bảng danh sách người dùng */}
- row.id}
- bulkActions={[
- {
- label: t('admin.users.activate'),
- action: handleBulkActivate,
- variant: 'primary',
- },
- {
- label: t('admin.users.deactivate'),
- action: handleBulkDeactivate,
- variant: 'secondary',
- },
- {
- label: t('common.delete'),
- action: handleBulkDelete,
- variant: 'danger',
- },
- ]}
- exportable
- onExport={() => console.log('Export users')}
- />
-
- {/* EN: User details modal / VI: Modal chi tiết người dùng */}
- {selectedUser && (
-
- !open && setSelectedUser(null)}
- onEdit={(user) => {
- console.log('Edit user:', user);
- // EN: TODO: Implement edit / VI: TODO: Implement edit
- }}
- onDelete={(userId) => {
- console.log('Delete user:', userId);
- setSelectedUser(null);
- // EN: TODO: Implement delete / VI: TODO: Implement delete
- }}
- onDeactivate={(userId) => {
- console.log('Deactivate user:', userId);
- setSelectedUser(null);
- // EN: TODO: Implement deactivate / VI: TODO: Implement deactivate
- }}
- />
-
- )}
-
- );
-}
diff --git a/apps/web-admin/src/app/globals.css b/apps/web-admin/src/app/globals.css
deleted file mode 100644
index 256b6780..00000000
--- a/apps/web-admin/src/app/globals.css
+++ /dev/null
@@ -1,118 +0,0 @@
-/**
- * EN: Global Styles with Tailwind CSS 4
- * VI: Styles toàn cục với Tailwind CSS 4
- *
- * Import theme variables first, then Tailwind CSS 4
- * Import các biến theme trước, sau đó là Tailwind CSS 4
- */
-@import "../styles/theme.css";
-@import "tailwindcss";
-
-/**
- * EN: Base Styles
- * VI: Styles cơ bản
- */
-@layer base {
- * {
- margin: 0;
- padding: 0;
- box-sizing: border-box;
- }
-
- html {
- font-family: var(--font-sans);
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
- }
-
- body {
- background-color: var(--bg-primary);
- color: var(--text-primary);
- font-size: var(--text-base);
- line-height: 1.5;
- transition: background-color var(--duration-normal) var(--ease-in-out),
- color var(--duration-normal) var(--ease-in-out);
- }
-
- /**
- * EN: Smooth transitions for theme switching
- * VI: Chuyển đổi mượt mà cho việc chuyển theme
- */
- *,
- *::before,
- *::after {
- transition: background-color var(--duration-normal) var(--ease-in-out),
- color var(--duration-normal) var(--ease-in-out),
- border-color var(--duration-normal) var(--ease-in-out);
- }
-
- /**
- * EN: Focus indicators for keyboard navigation (WCAG 2.1 AA)
- * VI: Chỉ báo focus cho điều hướng bàn phím (WCAG 2.1 AA)
- */
- *:focus-visible {
- outline: 2px solid var(--accent-primary);
- outline-offset: 2px;
- }
-
- /**
- * EN: Skip link styles (screen reader only until focused)
- * VI: Styles cho skip link (chỉ screen reader cho đến khi focus)
- */
- .sr-only {
- position: absolute;
- width: 1px;
- height: 1px;
- padding: 0;
- margin: -1px;
- overflow: hidden;
- clip: rect(0, 0, 0, 0);
- white-space: nowrap;
- border-width: 0;
- }
-
- .sr-only:focus,
- .sr-only:focus-visible {
- position: fixed;
- width: auto;
- height: auto;
- padding: inherit;
- margin: 0;
- overflow: visible;
- clip: auto;
- white-space: normal;
- }
-
- /**
- * EN: Ensure minimum font size for accessibility (16px) - WCAG 2.1 AA
- * VI: Đảm bảo kích thước font tối thiểu cho accessibility (16px) - WCAG 2.1 AA
- */
- body {
- font-size: 16px;
- min-font-size: 16px;
- }
-
- /**
- * EN: Support zoom up to 200% without breaking layout - WCAG 2.1 AA
- * VI: Hỗ trợ zoom lên đến 200% mà không làm vỡ layout - WCAG 2.1 AA
- */
- html {
- zoom: 1;
- }
-
- /**
- * EN: Ensure all text is zoomable up to 200% - WCAG 2.1 AA
- * VI: Đảm bảo tất cả text có thể zoom lên đến 200% - WCAG 2.1 AA
- */
- * {
- max-width: 100%;
- }
-
- /**
- * EN: Prevent horizontal scroll on zoom - WCAG 2.1 AA
- * VI: Ngăn scroll ngang khi zoom - WCAG 2.1 AA
- */
- body {
- overflow-x: hidden;
- }
-}
\ No newline at end of file
diff --git a/apps/web-admin/src/app/layout.tsx b/apps/web-admin/src/app/layout.tsx
deleted file mode 100644
index 197a13d1..00000000
--- a/apps/web-admin/src/app/layout.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import type { Metadata } from 'next';
-import './globals.css';
-import { ThemeProvider } from '../contexts/theme-context';
-import { I18nProvider } from '../providers/i18n-provider';
-
-/**
- * EN: Metadata for the application
- * VI: Metadata cho ứng dụng
- */
-export const metadata: Metadata = {
- title: 'GoodGo Platform',
- description: 'Enterprise microservices platform',
-};
-
-/**
- * EN: Root layout component for the entire application
- * VI: Component layout gốc cho toàn bộ ứng dụng
- *
- * @param children - Child components to render / Components con để render
- */
-export default function RootLayout({
- children,
-}: {
- children: React.ReactNode;
-}) {
- return (
- // EN: Root HTML structure with dynamic language (will be updated by I18nProvider)
- // VI: Cấu trúc HTML gốc với ngôn ngữ động (sẽ được cập nhật bởi I18nProvider)
-
-
-
-
-
- {/* EN: Search and filters card / VI: Card tìm kiếm và lọc */}
- - {t('admin.users.title')} -
-- {t('admin.users.description')} -
-
- {/* EN: Search input / VI: Input tìm kiếm */}
-
-
- setSearchQuery(e.target.value)}
- className="w-full"
- />
-
-
- {/* EN: Filter buttons / VI: Nút lọc */}
-
-
-
-
-
-
-
-
- {t('auth.login.title')}
-
-
- {t('auth.login.description')}
-
-
-
-
-
-
- Loading...
;
- }
-
- return (
- GoodGo Platform
- {isAuthenticated && user ? ( -
-
- ) : (
- Welcome, {user.email}!
-Role: {user.role}
-
-
- )}
- Please log in to continue.
-
- {typeof value === 'number' ? value.toLocaleString(locale === 'vi' ? 'vi-VN' : 'en-US') : value}
-
-
- {/* EN: Change indicator / VI: Chỉ báo thay đổi */}
- {change && (
-
- {getTrendIcon()}
- {change}
-
- )}
-
- {/* EN: Chart variant - Mini sparkline / VI: Variant chart - Mini sparkline */}
- {variant === 'chart' && chartData && chartData.length > 0 && (
-
- {chartData.map((point, index) => {
- const maxValue = Math.max(...chartData.map((p) => p.value));
- const height = (point.value / maxValue) * 100;
- return (
-
- );
- })}
-
- )}
-
- {/* EN: Progress variant - Progress bar / VI: Variant progress - Thanh tiến độ */}
- {variant === 'progress' && progress !== undefined && (
-
-
- )}
-
- {/* EN: Comparison variant - Multiple metrics / VI: Variant comparison - Nhiều metrics */}
- {variant === 'comparison' && comparisons && comparisons.length > 0 && (
-
-
-
- {progress}%
-
- {comparisons.map((comp, index) => (
-
- )}
-
- {comp.label}
-
- {typeof comp.value === 'number'
- ? comp.value.toLocaleString(locale === 'vi' ? 'vi-VN' : 'en-US')
- : comp.value}
-
-
- ))}
-
- {/* EN: Toolbar with search and actions / VI: Toolbar với tìm kiếm và actions */}
-
- );
-}
diff --git a/apps/web-admin/src/components/admin/recent-activity-table.tsx b/apps/web-admin/src/components/admin/recent-activity-table.tsx
deleted file mode 100644
index 6f91d455..00000000
--- a/apps/web-admin/src/components/admin/recent-activity-table.tsx
+++ /dev/null
@@ -1,561 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { cn } from '@/lib/utils';
-import { useTranslation } from '@/hooks/use-translation';
-
-/**
- * EN: Activity status type
- * VI: Loại trạng thái hoạt động
- */
-export type ActivityStatus = 'success' | 'warning' | 'error' | 'info' | 'pending';
-
-/**
- * EN: Activity action type
- * VI: Loại hành động hoạt động
- */
-export type ActivityAction =
- | 'user_created'
- | 'user_updated'
- | 'user_deleted'
- | 'user_login'
- | 'user_logout'
- | 'message_sent'
- | 'message_deleted'
- | 'settings_updated'
- | 'system_backup'
- | 'system_restore';
-
-/**
- * EN: Recent activity item interface
- * VI: Interface cho item hoạt động gần đây
- */
-export interface RecentActivity {
- /**
- * EN: Unique activity identifier / VI: Mã định danh duy nhất cho hoạt động
- */
- id: string;
- /**
- * EN: User who performed the action / VI: Người dùng thực hiện hành động
- */
- user: {
- /**
- * EN: User ID / VI: ID người dùng
- */
- id: string;
- /**
- * EN: User name / VI: Tên người dùng
- */
- name: string;
- /**
- * EN: User email / VI: Email người dùng
- */
- email: string;
- /**
- * EN: User avatar URL (optional) / VI: URL avatar người dùng (tùy chọn)
- */
- avatarUrl?: string;
- };
- /**
- * EN: Action performed / VI: Hành động được thực hiện
- */
- action: ActivityAction;
- /**
- * EN: Action description / VI: Mô tả hành động
- */
- description: string;
- /**
- * EN: Activity status / VI: Trạng thái hoạt động
- */
- status: ActivityStatus;
- /**
- * EN: Timestamp when activity occurred / VI: Timestamp khi hoạt động xảy ra
- */
- timestamp: Date | string;
- /**
- * EN: Additional metadata (optional) / VI: Metadata bổ sung (tùy chọn)
- */
- metadata?: Record
- setSearchQuery(e.target.value)}
- className="max-w-sm"
- />
-
-
- {/* EN: Bulk actions bar / VI: Thanh bulk actions */}
- {selectable && selectedRows.length > 0 && (
-
- {exportable && (
-
- )}
-
-
-
- {selectedRows.length} {t('common.selected')}
-
-
- )}
-
- {/* EN: Table / VI: Bảng */}
-
- {bulkActions.map((action, index) => (
-
- ))}
-
-
- {/* EN: Mobile: Horizontal scroll / VI: Mobile: Scroll ngang */}
-
-
-
-
- {/* EN: Pagination / VI: Pagination */}
- {totalPages > 1 && (
-
- {loading ? (
-
-
-
- )}
-
-
-
-
- ) : processedData.length === 0 ? (
- - {t('common.loading')} -
-
-
- ) : (
- - {t('common.noData')} -
-| - - | - )} - {columns.map((column) => ( -
-
- {column.header}
- {column.sortable && (
-
- )}
-
- |
- ))}
-
|---|---|
| - - | - )} - {columns.map((column) => ( -- {column.cell - ? column.cell(row) - : String(row[column.key] || '')} - | - ))} -
-
- )}
-
- {totalItems ? (
- <>
- {t('common.showing')}{' '}
-
- {startIndex + 1}
- {' '}
- {t('common.to')}{' '}
-
- {Math.min(endIndex, totalItems)}
- {' '}
- {t('common.of')}{' '}
- {totalItems}{' '}
- {t('common.results')}
-
- ) : (
- <>
- {t('common.showing')}{' '}
-
- {startIndex + 1}
- {' '}
- {t('common.to')}{' '}
-
- {Math.min(endIndex, data.length)}
- {' '}
- {t('common.of')}{' '}
- {data.length}{' '}
- {t('common.results')}
-
- )}
-
-
-
-
-
-
- {t('common.page')} {currentPage} {t('common.of')} {totalPages}
-
-
-
-
-
- {/* EN: Table Header / VI: Header bảng */}
-
- );
-}
diff --git a/apps/web-admin/src/components/admin/settings/advanced-settings.tsx b/apps/web-admin/src/components/admin/settings/advanced-settings.tsx
deleted file mode 100644
index 69ecdd21..00000000
--- a/apps/web-admin/src/components/admin/settings/advanced-settings.tsx
+++ /dev/null
@@ -1,208 +0,0 @@
-'use client';
-
-import * as React from 'react';
-import { useForm } from 'react-hook-form';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { z } from 'zod';
-import { Button } from '@/components/ui/button';
-import { Input } from '@/components/ui/input';
-import { Card, CardContent, CardHeader, CardTitle, CardDescription, CardFooter } from '@/components/ui/card';
-import { Switch } from '@/components/ui/switch';
-import { useTranslation } from '@/hooks/use-translation';
-
-/**
- * EN: Create advanced settings schema with translated messages
- * VI: Tạo schema cài đặt nâng cao với thông báo đã dịch
- */
-function createAdvancedSettingsSchema(_t: (key: string) => string) {
- return z.object({
- enableFeatureFlags: z.boolean(),
- logLevel: z.enum(['debug', 'info', 'warn', 'error']),
- cacheTtl: z.number().min(60).max(86400),
- databasePoolSize: z.number().min(1).max(100),
- });
-}
-
-/**
- * EN: Advanced Settings component
- * VI: Component Advanced Settings
- */
-export function AdvancedSettings() {
- const { t } = useTranslation();
- const [isSaving, setIsSaving] = React.useState(false);
- const [saveSuccess, setSaveSuccess] = React.useState(false);
-
- // EN: Create schema with translations / VI: Tạo schema với translations
- const advancedSettingsSchema = createAdvancedSettingsSchema(t);
- type AdvancedSettingsFormData = z.infer
-
-
- {/* EN: Table Content / VI: Nội dung bảng */}
- {/* EN: Mobile: Horizontal scroll / VI: Mobile: Scroll ngang */}
- - {t('admin.activity.recentActivity')} -
-- {t('admin.activity.latestSystemActivities')} -
-
-
-
- {/* EN: Pagination / VI: Pagination */}
- {totalPages > 1 && (
-
- {loading ? (
- // EN: Loading state / VI: Trạng thái loading
-
-
-
- )}
-
-
-
-
- ) : paginatedActivities.length === 0 ? (
- // EN: Empty state / VI: Trạng thái trống
- - {t('common.loading')} -
-
-
- ) : (
- - {t('admin.activity.noActivity')} -
-| - {t('common.user')} - | -- {t('common.actions')} - | -- {t('admin.users.status')} - | -- {t('admin.users.lastLogin')} - | -- {t('common.actions')} - | -
|---|---|---|---|---|
|
-
- {/* EN: Avatar / VI: Avatar */}
-
-
- {activity.user.avatarUrl ? (
-
-
-
- {getUserInitials(activity.user.name)}
-
-
- )}
-
-
-
- {activity.user.name}
-
-
- {activity.user.email}
-
- |
-
- {/* EN: Action column / VI: Cột hành động */}
-
-
- {getActionLabel(activity.action, t)}
-
-
- {activity.description}
-
- |
-
- {/* EN: Status column / VI: Cột trạng thái */}
- - - {getStatusLabel(activity.status, t)} - - | - - {/* EN: Time column / VI: Cột thời gian */} -- {formatRelativeTime(activity.timestamp, locale)} - | - - {/* EN: Quick actions column / VI: Cột quick actions */} -
-
-
- |
-
-
- |
-
-
- )}
-
- {totalItems ? (
- <>
- {t('common.showing')}{' '}
-
- {startIndex + 1}
- {' '}
- {t('common.to')}{' '}
-
- {Math.min(endIndex, totalItems)}
- {' '}
- {t('common.of')}{' '}
- {totalItems}{' '}
- {t('common.results')}
-
- ) : (
- <>
- {t('common.showing')}{' '}
-
- {startIndex + 1}
- {' '}
- {t('common.to')}{' '}
-
- {Math.min(endIndex, activities.length)}
- {' '}
- {t('common.of')}{' '}
-
- {activities.length}
- {' '}
- {t('common.results')}
-
- )}
-
-
-
- {/* EN: Previous button / VI: Nút trước */}
-
-
- {/* EN: Page numbers / VI: Số trang */}
-
-
- {Array.from({ length: totalPages }, (_, i) => i + 1).map(
- (page) => {
- // EN: Show first page, last page, current page, and pages around current / VI: Hiển thị trang đầu, cuối, hiện tại và các trang xung quanh
- if (
- page === 1 ||
- page === totalPages ||
- (page >= currentPage - 1 && page <= currentPage + 1)
- ) {
- return (
-
- );
- } else if (
- page === currentPage - 2 ||
- page === currentPage + 2
- ) {
- return (
-
- ...
-
- );
- }
- return null;
- }
- )}
-
-
- {/* EN: Next button / VI: Nút sau */}
-
-
-
-));
-Avatar.displayName = AvatarPrimitive.Root.displayName;
-
-/**
- * EN: AvatarImage component - Image displayed in avatar
- * VI: Component AvatarImage - Hình ảnh hiển thị trong avatar
- */
-const AvatarImage = React.forwardRef<
- React.ElementRef
- {/* EN: Label / VI: Nhãn */}
- {label && (
-
- )}
-
- {/* EN: Input field / VI: Trường input */}
-
-
- {/* EN: Helper text / VI: Text hướng dẫn */}
- {helperText && state === 'default' && !errorMessage && !successMessage && (
-
- );
- }
-);
-
-Input.displayName = 'Input';
-
-export { Input };
diff --git a/apps/web-admin/src/components/ui/select.tsx b/apps/web-admin/src/components/ui/select.tsx
deleted file mode 100644
index 7c88e7b2..00000000
--- a/apps/web-admin/src/components/ui/select.tsx
+++ /dev/null
@@ -1,181 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-import { cn } from '@/lib/utils';
-
-/**
- * EN: Select component props interface
- * VI: Interface cho props của component Select
- */
-export interface SelectProps extends React.SelectHTMLAttributes- {helperText} -
- )} - - {/* EN: Error message / VI: Thông báo lỗi */} - {errorMessage && ( -- - {errorMessage} -
- )} - - {/* EN: Success message / VI: Thông báo thành công */} - {successMessage && ( -- - {successMessage} -
- )} -
- {/* EN: Label / VI: Nhãn */}
- {label && (
-
- )}
-
- {/* EN: Select wrapper with icon / VI: Wrapper select với icon */}
-
- );
- }
-);
-
-Select.displayName = 'Select';
-
-export { Select };
diff --git a/apps/web-admin/src/components/ui/switch.tsx b/apps/web-admin/src/components/ui/switch.tsx
deleted file mode 100644
index 0d936cb2..00000000
--- a/apps/web-admin/src/components/ui/switch.tsx
+++ /dev/null
@@ -1,101 +0,0 @@
-'use client';
-
-import * as React from 'react';
-
-import { cn } from '@/lib/utils';
-
-/**
- * EN: Switch component props interface
- * VI: Interface cho props của component Switch
- */
-export interface SwitchProps extends Omit
-
-
- {/* EN: Dropdown arrow icon / VI: Icon mũi tên dropdown */}
-
-
-
- {/* EN: Helper text / VI: Text hướng dẫn */}
- {helperText && state === 'default' && !errorMessage && (
- - {helperText} -
- )} - - {/* EN: Error message / VI: Thông báo lỗi */} - {errorMessage && ( -- - {errorMessage} -
- )} -