+ {selectedUser ? (
+ // Selected user display
+
+
+
+
+
+
+
+ {selectedUser.full_name ||
+ selectedUser.username ||
+ `ID: ${selectedUser.telegram_id}`}
+
+
+ {selectedUser.username && `@${selectedUser.username} · `}
+ Telegram: {selectedUser.telegram_id}
+
+
+
+
+
+ ) : (
+ // Search input
+ <>
+
+
+
+
+
{
+ setSearchQuery(e.target.value);
+ setShowDropdown(true);
+ }}
+ onFocus={() => setShowDropdown(true)}
+ placeholder={t(
+ 'admin.promoOffers.send.searchUserPlaceholder',
+ 'Search by name, username or Telegram ID...',
+ )}
+ className="w-full rounded-lg border border-dark-600 bg-dark-700 py-2.5 pl-10 pr-3 text-dark-100 focus:border-accent-500 focus:outline-none"
+ />
+ {isSearching && (
+
+ )}
+
+
+ {/* Dropdown results */}
+ {showDropdown && searchQuery.length >= 2 && (
+
+ {filteredUsers.length > 0 ? (
+ filteredUsers.map((user) => (
+
+ ))
+ ) : !isSearching ? (
+
+ {t('admin.promoOffers.send.noUsersFound', 'No users found')}
+
+ ) : null}
+
+ )}
+ >
+ )}
+
)}