Merge pull request #124 from BEDOLAGA-DEV/dev

Dev

src/api/adminUsers.ts

@@ -306,6 +306,7 @@ export const adminUsersApi = {
       offset?: number;
       limit?: number;
       search?: string;
+      email?: string;
       status?: 'active' | 'blocked' | 'deleted';
       sort_by?:
         | 'created_at'

src/locales/en.json

@@ -1542,6 +1542,7 @@
       "title": "Users",
       "subtitle": "Bot user management",
       "search": "Search by ID, name, username...",
+      "searchEmail": "Search by email...",
       "noData": "No users found",
       "purchaseCount": "{{count}} purchases",
       "noPurchases": "No purchases",

src/locales/fa.json

@@ -1361,6 +1361,7 @@
       "title": "کاربران",
       "subtitle": "مدیریت کاربران ربات",
       "search": "جستجو بر اساس شناسه، نام، نام کاربری...",
+      "searchEmail": "جستجو بر اساس ایمیل...",
       "noData": "کاربری یافت نشد",
       "purchaseCount": "{{count}} خرید",
       "noPurchases": "بدون خرید",

src/locales/ru.json

@@ -2053,6 +2053,7 @@
       "title": "Пользователи",
       "subtitle": "Управление пользователями бота",
       "search": "Поиск по ID, имени, username...",
+      "searchEmail": "Поиск по email...",
       "noData": "Пользователи не найдены",
       "purchaseCount": "{{count}} покупок",
       "noPurchases": "Нет покупок",

src/locales/zh.json

@@ -1360,6 +1360,7 @@
       "title": "用户",
       "subtitle": "机器人用户管理",
       "search": "按ID、姓名、用户名搜索...",
+      "searchEmail": "按邮箱搜索...",
       "noData": "未找到用户",
       "purchaseCount": "{{count}} 次购买",
       "noPurchases": "无购买记录",

src/pages/AdminUsers.tsx

@@ -978,6 +978,7 @@ export default function AdminUsers() {
   const [stats, setStats] = useState<UsersStatsResponse | null>(null);
   const [loading, setLoading] = useState(true);
   const [search, setSearch] = useState('');
+  const [emailSearch, setEmailSearch] = useState('');
   const [statusFilter, setStatusFilter] = useState<string>('');
   const [sortBy, setSortBy] = useState<string>('created_at');
   const [offset, setOffset] = useState(0);
@@ -991,6 +992,7 @@ export default function AdminUsers() {
       setLoading(true);
       const params: Record<string, unknown> = { offset, limit, sort_by: sortBy };
       if (search) params.search = search;
+      if (emailSearch) params.email = emailSearch;
       if (statusFilter) params.status = statusFilter;
 
       const data = await adminUsersApi.getUsers(
@@ -1003,7 +1005,7 @@ export default function AdminUsers() {
     } finally {
       setLoading(false);
     }
-  }, [offset, search, statusFilter, sortBy]);
+  }, [offset, search, emailSearch, statusFilter, sortBy]);
 
   const loadStats = useCallback(async () => {
     try {
@@ -1086,7 +1088,9 @@ export default function AdminUsers() {
       )}
 
       {/* Filters */}
-      <div className="mb-4 flex flex-col gap-3 sm:flex-row">
+      <div className="mb-4 flex flex-col gap-3">
+        {/* Search fields row */}
+        <div className="flex flex-col gap-3 sm:flex-row">
           <form onSubmit={handleSearch} className="flex-1">
             <div className="relative">
               <input
@@ -1101,6 +1105,23 @@ export default function AdminUsers() {
               </div>
             </div>
           </form>
+          <form onSubmit={handleSearch} className="flex-1">
+            <div className="relative">
+              <input
+                type="email"
+                value={emailSearch}
+                onChange={(e) => setEmailSearch(e.target.value)}
+                placeholder={t('admin.users.searchEmail')}
+                className="w-full rounded-xl border border-dark-700 bg-dark-800 py-2 pl-10 pr-4 text-dark-100 placeholder-dark-500 focus:border-dark-600 focus:outline-none"
+              />
+              <div className="absolute left-3 top-1/2 -translate-y-1/2 text-dark-500">
+                <SearchIcon />
+              </div>
+            </div>
+          </form>
+        </div>
+        {/* Filters row */}
+        <div className="flex flex-col gap-3 sm:flex-row">
           <select
             value={statusFilter}
             onChange={(e) => {
@@ -1128,6 +1149,7 @@ export default function AdminUsers() {
             <option value="total_spent">{t('admin.users.filters.bySpent')}</option>
           </select>
         </div>
+      </div>
 
       {/* Users list */}
       <div className="mb-4 space-y-2">