('users')
+
+ const renderContent = () => {
+ switch (activeSection) {
+ case 'users':
+ return
+
Настройки
+
+
Раздел настроек в разработке
+
+
+
+
+ {renderContent()}
+
+
+
+
+
Проверяем авторизацию администратора...
+
+
+
+
+
+
+
+ Админ-панель
+
+
+ Вход в систему администрирования
+
+
+
+
+
+
+
+
+ {/* Профиль администратора */}
+
+
+
+
+ {getInitials()}
+
+
+
+
+ {admin?.username || 'Администратор'}
+
+
+ Админ-панель
+
+
+
+
+ {/* Навигация */}
+
+ onSectionChange('users')}
+ >
+
+
+ onSectionChange('ui-kit')}
+ >
+
+
+ onSectionChange('settings')}
+ >
+
+
+
+ {/* Управление */}
+
+
+
+
+
+ {/* Логотип внизу */}
+
+
+
+
UI Kit
+
Полная коллекция компонентов дизайн-системы SferaV
+
+
+
+
+
+ Кнопки
+
+
+ Формы
+
+
+ Карточки
+
+
+ Типографика
+
+
+ Цвета
+
+
+ Иконки
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Основные варианты */}
+
+
+ Основные варианты
+
+
+ {/* Default */}
+
+
Default
+
+ Обычная кнопка
+ Маленькая
+ Большая
+ Отключена
+
+
+ variant="default"
+
+
+
Glass (Основная)
+
+ Glass кнопка
+ Маленькая
+ Большая
+ Отключена
+
+
+ variant="glass"
+
+
+
Glass Secondary
+
+ Вторичная glass
+ Маленькая
+ Большая
+ Отключена
+
+
+ variant="glass-secondary"
+
+
+
Secondary
+
+ Вторичная
+ Маленькая
+ Большая
+ Отключена
+
+
+ variant="secondary"
+
+
+
Outline
+
+ Обводка
+ Маленькая
+ Большая
+ Отключена
+
+
+ variant="outline"
+
+
+
Ghost
+
+ Призрачная
+ Маленькая
+ Большая
+ Отключена
+
+
+ variant="ghost"
+
+
+
Destructive
+
+ Удалить
+ Маленькая
+ Большая
+ Отключена
+
+
+ variant="destructive"
+
+
+
Link
+
+ Ссылка
+ Маленькая
+ Большая
+ Отключена
+
+
+ variant="link"
+
+
+
+
+ {/* Кнопки с иконками */}
+
+
+ Кнопки с иконками
+
+
+ {/* Иконка слева */}
+
+
Иконка слева
+
+
+
+
+
+
+
+
+
+
+
+
Иконка справа
+
+
+ Настройки
+
+
+ Фильтры
+
+
+
+
Только иконка
+
+
+
+
+
+
+
+
+
+
+
+
Состояние загрузки
+
+
+
+
+
+
+
+
+
+ {/* Размеры */}
+
+
+ Размеры
+
+
+
+
+ Маленькая (sm)
+
+
+ Обычная (default)
+
+
+ Большая (lg)
+
+
+
+ size="sm" | "default" | "lg" | "icon"
+
+
+
+
+ {/* Примеры использования */}
+
+
+ Примеры использования
+
+
+ {/* Группа действий */}
+
+
Группа действий
+
+
+
+
+ Редактировать
+
+
+
+
+
+
Навигация
+
+ Назад
+ Продолжить
+
+
+
Формы
+
+ Отмена
+ Сохранить
+
+
+
+
+ {/* Базовые карточки */}
+
+
+ Базовые карточки
+
+ Основные варианты карточек с Glass Morphism эффектом
+
+
+
+ {/* Простая карточка */}
+
+
Простая карточка
+
+
+ Заголовок карточки
+
+ Описание содержимого карточки
+
+
+
+
+ Основное содержимое карточки. Здесь может быть любая информация.
+
+
+
+
+
Карточка с действиями
+
+
+ Карточка с кнопками
+
+ Пример карточки с различными действиями
+
+
+
+
+ Содержимое карточки с возможностями взаимодействия.
+
+
+
+ Основное действие
+
+
+ Вторичное
+
+
+
+
+
+
Интерактивная карточка
+
+
+
+
+ Кликабельная карточка
+
+
+
+
+
+ Карточка с hover эффектами
+
+
+
+
+ При наведении карточка меняет внешний вид и становится более яркой.
+
+
+
+
+
+
+ {/* Карточки продуктов */}
+
+
+ Карточки продуктов
+
+
+
+ {/* Карточка товара */}
+
+
+
+
+
+
+
+
+
+
+
+ Новинка
+
+
+
+
+ Название товара
+
+
+
+ {[1, 2, 3, 4, 5].map((star) => (
+
+
(24 отзыва)
+
+
+
+ 1 299 ₽
+ 1 599 ₽
+
+
+
+
+
+
+ {/* Карточка услуги */}
+
+
+
+
+
+ Фулфилмент услуги
+
+
+ Полный цикл обработки заказов
+
+
+
+ Активно
+
+
+
+
+
+
+
+
+
+
+
+
+ Загрузка склада
+ 75%
+
+
+
+ Подробнее
+
+
+
+
+ {/* Карточка статистики */}
+
+
+
+
+ Продажи за месяц
+
+
+
+
+
+
+ ₽2,847,532
+
+
+ +12.5%
+ от прошлого месяца
+
+
+
+ Заказов
+ 1,247
+
+
+ Средний чек
+ ₽2,284
+
+
+ Конверсия
+ 3.2%
+
+
+
+
+
+
+ {/* Карточки пользователей */}
+
+
+ Карточки пользователей
+
+
+
+ {/* Профиль пользователя */}
+
+
+
+
+
+ ИП
+
+
+
+
+ Иван Петров
+
+
+ Менеджер фулфилмент центра
+
+
+
+
+
+
+
+
+
+
+
+
+ Связаться
+
+
+ Профиль
+
+
+
+
+
+ {/* Компактная карточка организации */}
+
+
+
+
+
+ ООО
+
+
+
+
+
+ Торговая компания "Альфа"
+
+
+ Селлер
+
+
+
+ ИНН: 7708123456789
+
+
+
+ Последний вход: 2 часа назад
+
+
+
+
+
+
+
+
+
+ {/* Специальные контейнеры */}
+
+
+ Специальные контейнеры
+
+
+ {/* Alert карточка */}
+
+
Уведомления
+
+
+
+
+
+
+
Успешно
+
Данные сохранены успешно
+
+
+
+
+
+
+
+
+
+
Предупреждение
+
Проверьте корректность введенных данных
+
+
+
+
+
+
+
+
+
+
Ошибка
+
Не удалось выполнить операцию
+
+
+
+
+
+
Навигационная карточка
+
+
+ Быстрые действия
+
+
+
+
+ Товары
+
+
+ Клиенты
+
+
+ Аналитика
+
+
+ Склады
+
+
+
+
+
+
+ {/* Основная палитра */}
+
+
+ Основная цветовая палитра
+
+
+ {/* Primary цвета */}
+
+
Primary (Основной)
+
+
+
+
primary
+
oklch(0.65 0.28 315)
+
+
+
+
primary-foreground
+
oklch(0.985 0 0)
+
+
+
+
Secondary (Вторичный)
+
+
+
+
secondary
+
oklch(0.94 0.08 315)
+
+
+
+
secondary-foreground
+
oklch(0.205 0 0)
+
+
+
+
Accent (Акцентный)
+
+
+
+
accent
+
oklch(0.90 0.12 315)
+
+
+
+
accent-foreground
+
oklch(0.205 0 0)
+
+
+
+
Destructive (Деструктивный)
+
+
+
+
destructive
+
oklch(0.577 0.245 27.325)
+
+
+
+
+
+ {/* Нейтральные цвета */}
+
+
+ Нейтральные цвета
+
+
+
+ {/* Background цвета */}
+
+
Background
+
+
+
+
+
background
+
oklch(0.98 0.02 320)
+
+
+
+
+
+
foreground
+
oklch(0.145 0 0)
+
+
+
+
+
+ {/* Muted цвета */}
+
+
Muted
+
+
+
+
+
muted
+
oklch(0.94 0.05 315)
+
+
+
+
+
+
muted-foreground
+
oklch(0.556 0 0)
+
+
+
+
+
+
+
Border & Input
+
+
+
+
+
border
+
oklch(0.90 0.08 315)
+
+
+
+
+
+
input
+
oklch(0.96 0.05 315)
+
+
+
+
+
+
ring
+
oklch(0.65 0.28 315)
+
+
+
+
+
+
+
Card & Popover
+
+
+
+
+
+
popover
+
oklch(1 0 0)
+
+
+
+
+
+
+
+ {/* Градиенты */}
+
+
+ Градиенты
+
+
+
+ {/* Основные градиенты */}
+
+
Основные градиенты
+
+
+
+
gradient-purple
+
Основной фиолетовый градиент
+
+
+
+
+
gradient-purple-light
+
Светлый фиолетовый градиент
+
+
+
+
+
bg-gradient-smooth
+
Темный градиент для фона
+
+
+
+
+ {/* Текстовые градиенты */}
+
+
Текстовые градиенты
+
+
+
+ Текст с ярким градиентом
+
+
text-gradient-bright
+
+
+
+
+ Текст с обычным градиентом
+
+
text-gradient
+
+
+
+
+ Текст с свечением
+
+
glow-text
+
+
+
+
+
+
+ {/* Прозрачности белого */}
+
+
+ Прозрачности белого цвета
+
+
+
+ {[
+ { opacity: '100', class: 'text-white', bg: 'bg-white' },
+ { opacity: '90', class: 'text-white/90', bg: 'bg-white/90' },
+ { opacity: '80', class: 'text-white/80', bg: 'bg-white/80' },
+ { opacity: '70', class: 'text-white/70', bg: 'bg-white/70' },
+ { opacity: '60', class: 'text-white/60', bg: 'bg-white/60' },
+ { opacity: '50', class: 'text-white/50', bg: 'bg-white/50' },
+ { opacity: '40', class: 'text-white/40', bg: 'bg-white/40' },
+ { opacity: '30', class: 'text-white/30', bg: 'bg-white/30' },
+ { opacity: '20', class: 'text-white/20', bg: 'bg-white/20' },
+ { opacity: '10', class: 'text-white/10', bg: 'bg-white/10' },
+ ].map((item) => (
+
+
+
+ {item.opacity}%
+
+
+ {item.class}
+
+
+ ))}
+
+
+
+ {/* Статусные цвета */}
+
+
+ Статусные цвета
+
+
+
+
+
Успех
+
+
+
green-500
+
Успешная операция
+
+
+
+
+
Предупреждение
+
+
+
yellow-500
+
Требует внимания
+
+
+
+
+
Ошибка
+
+
+
red-500
+
Ошибка или проблема
+
+
+
+
+
Информация
+
+
+
blue-500
+
Информационное сообщение
+
+
+
+
+
+ {/* Glass эффекты */}
+
+
+ Glass Morphism эффекты
+
+
+
+
+
Основные Glass эффекты
+
+
+
glass-card
+
Основная стеклянная карточка
+
+
+
+
glass-input
+
Стеклянное поле ввода
+
+
+
+
glass-sidebar
+
Стеклянный сайдбар
+
+
+
+
+
+
Glass кнопки
+
+
+
glass-button
+
Основная стеклянная кнопка
+
+
+
+
glass-secondary
+
Вторичная стеклянная кнопка
+
+
+
+
+
+
+ {/* Базовые инпуты */}
+
+
+ Базовые поля ввода
+
+
+ {/* Обычный инпут */}
+
+
+ Обычное поле
+
+
+
+ {/* Инпут с иконкой */}
+
+
+ Поле с иконкой
+
+
+
+
+
+ Пароль
+
+
+ setShowPassword(!showPassword)}
+ >
+ {showPassword ? (
+
+
+
+
+ Число
+
+
+
+ {/* Отключенное поле */}
+
+
+ Отключенное поле
+
+
+
+
+
+ {/* Селекты и выпадающие списки */}
+
+
+ Селекты и выпадающие списки
+
+
+
+
+ Выберите опцию
+
+
+
+
+
+ Опция 1
+ Опция 2
+ Опция 3
+ Опция 4
+
+
+
+
+
+
+ Тип организации
+
+
+
+
+
+ Фулфилмент
+ Селлер
+ Логистика
+ Оптовик
+
+
+
+
+
+
+ {/* Чекбоксы и переключатели */}
+
+
+ Чекбоксы и переключатели
+
+
+ {/* Чекбоксы */}
+
+
Чекбоксы
+
+
+
+ Согласие с условиями
+
+
+
+
+ Получать уведомления
+
+
+
+
+ Отключенный чекбокс
+
+
+
+
+
Переключатели (Switch)
+
+
+
+ Включить уведомления
+
+
+
+
+ Темная тема
+
+
+
+
+ Отключенный переключатель
+
+
+
+
+
+
+ {/* Слайдеры */}
+
+
+ Слайдеры
+
+
+
+
+ Значение: {sliderValue[0]}
+
+
+
+
+
+ Диапазон цен: 1000 - 5000 ₽
+
+
+
+
+
+ {/* Состояния полей */}
+
+
+ Состояния полей
+
+
+ {/* Обычное состояние */}
+
+
+ Обычное состояние
+
+
+
+ {/* Фокус */}
+
+
+ Состояние фокуса
+
+
+
+ {/* Ошибка */}
+
+
+ Состояние ошибки
+
+
+
Это поле обязательно для заполнения
+
+
+ Состояние успеха
+
+
+
Данные сохранены успешно
+
+
+
+ {/* Примеры форм */}
+
+
+ Примеры форм
+
+
+ {/* Форма входа */}
+
+
Форма входа
+
+
+
+
+
+ Запомнить меня
+
+
+
+ Войти
+
+
+
+
Форма регистрации
+
+
+
+ Имя
+
+
+
+
+ Фамилия
+
+
+
+
+ Email
+
+
+
+
+
+ Тип организации
+
+
+
+
+
+ Фулфилмент
+ Селлер
+ Логистика
+ Оптовик
+
+
+
+
+
+ Согласен с условиями использования
+
+
+
+
+ Отмена
+
+
+ Зарегистрироваться
+
+
+
+
+
+
+ {/* Размеры иконок */}
+
+
+ Размеры иконок
+
+
+
+
+
+
+ {/* Цвета иконок */}
+
+
+ Цвета иконок
+
+
+
+
+
+
+ {/* Заполненные иконки */}
+
+
+ Заполненные иконки
+
+
+
+
+ Добавьте класс fill-[color] для заливки иконки
+
+
+
+
+ {/* Аватары */}
+
+
+ Аватары
+
+
+ {/* Размеры аватаров */}
+
+
+ {/* Типы аватаров */}
+
+
Типы
+
+
+
+
+
+
+
+ GR
+
+
+
Градиент
+
+
+
+
+
+ {/* Бейджи */}
+
+
+ Бейджи
+
+
+
+
Варианты
+
+ Default
+ Secondary
+ Outline
+ Destructive
+
+
+
С иконками
+
+
+
+
+
+
+
+
+
+
+
+
Статусы организаций
+
+
+ Фулфилмент
+
+
+ Селлер
+
+
+ Логистика
+
+
+ Оптовик
+
+
+
+
+
+ {/* Коллекция иконок */}
+ {iconSections.map((section) => (
+
+
+ {section.title}
+
+
+
+ {section.icons.map((iconData) => {
+ const IconComponent = iconData.icon
+ return (
+
+ )
+ })}
+
+
+ ))}
+
+ {/* Примеры использования */}
+
+
+ Примеры использования в интерфейсе
+
+
+ {/* Кнопки с иконками */}
+
+
Кнопки с иконками
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Элементы интерфейса
+
+
+
+
+ ИП
+
+
+
Иван Петров
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {/* Заголовки */}
+
+
+ Заголовки
+
+
+
+
+
+ Заголовок H1
+
+
+ text-4xl font-bold
+
+
+
+
+
+ Заголовок H2
+
+
+ text-3xl font-bold
+
+
+
+
+
+ Заголовок H3
+
+
+ text-2xl font-semibold
+
+
+
+
+
+ Заголовок H4
+
+
+ text-xl font-semibold
+
+
+
+
+
+ Заголовок H5
+
+
+ text-lg font-medium
+
+
+
+
+
+ Заголовок H6
+
+
+ text-base font-medium
+
+
+
+
+
+ {/* Градиентные заголовки */}
+
+
+ Градиентные заголовки
+
+
+
+
+ Яркий градиентный заголовок
+
+
+ text-gradient-bright
+
+
+
+ Обычный градиентный заголовок
+
+
+ text-gradient
+
+
+
+ Заголовок с свечением
+
+
+ glow-text
+
+
+
+
+ {/* Основной текст */}
+
+
+ Основной текст
+
+
+
+
+ Обычный текст. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+ Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+ Ut enim ad minim veniam, quis nostrud exercitation.
+
+
+ text-white text-base
+
+
+
+ Текст с прозрачностью 90%. Lorem ipsum dolor sit amet, consectetur
+ adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+ text-white/90
+
+
+
+ Текст с прозрачностью 70%. Lorem ipsum dolor sit amet, consectetur
+ adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+ text-white/70
+
+
+
+ Вторичный текст с прозрачностью 60%. Lorem ipsum dolor sit amet, consectetur
+ adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
+
+ text-white/60
+
+
+
+
+ {/* Размеры текста */}
+
+
+ Размеры текста
+
+
+
+
Очень мелкий текст
+
text-xs
+
+
Мелкий текст
+
text-sm
+
+
Базовый текст
+
text-base
+
+
Большой текст
+
text-lg
+
+
Очень большой текст
+
text-xl
+
+
Огромный текст
+
text-2xl
+
+
+
+ {/* Насыщенность шрифта */}
+
+
+ Насыщенность шрифта
+
+
+
+
Легкий шрифт
+
font-light
+
+
Обычный шрифт
+
font-normal
+
+
Средний шрифт
+
font-medium
+
+
Полужирный шрифт
+
font-semibold
+
+
Жирный шрифт
+
font-bold
+
+
+
+ {/* Специальные стили */}
+
+
+ Специальные стили текста
+
+
+
+
+ Моноширинный шрифт для кода
+
+
font-mono
+
+
+ Курсивный текст
+
+
italic
+
+
+ Подчеркнутый текст
+
+
underline
+
+
+ Зачеркнутый текст
+
+
line-through
+
+
+ Заглавные буквы
+
+
uppercase
+
+
+ СТРОЧНЫЕ БУКВЫ
+
+
lowercase
+
+
+ первая буква заглавная
+
+
capitalize
+
+
+
+ {/* Выравнивание текста */}
+
+
+ Выравнивание текста
+
+
+
+
+ Выравнивание по левому краю. Lorem ipsum dolor sit amet consectetur.
+
+
text-left
+
+
+ Выравнивание по центру. Lorem ipsum dolor sit amet consectetur.
+
+
text-center
+
+
+ Выравнивание по правому краю. Lorem ipsum dolor sit amet consectetur.
+
+
text-right
+
+
+ Выравнивание по ширине. Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua ut enim ad minim veniam quis nostrud exercitation.
+
+
text-justify
+
+
+
+ {/* Списки */}
+
+
+ Списки
+
+
+
+
Маркированный список
+
+ Первый пункт списка
+ Второй пункт списка
+ Третий пункт списка с длинным текстом, который может переноситься на несколько строк
+ Четвертый пункт
+
+
+
Нумерованный список
+
+ Первый шаг процесса
+ Второй шаг процесса
+ Третий шаг с подробным описанием того, что нужно сделать
+ Завершающий шаг
+
+
+
+
+ {/* Цитаты и код */}
+
+
+ Цитаты и код
+
+
+
+
Цитата
+
+ "Дизайн - это не то, как вещь выглядит. Дизайн - это то, как вещь работает."
+
+
+
+
Инлайн код
+
+ Используйте класс glass-card для создания карточек с эффектом стекла.
+
+
+
Блок кода
+
+{`
+
+
+ Заголовок карточки
+
+
+
+ Содержимое карточки
+
+ `}
+
+
+
+
+
+
Ошибка загрузки пользователей: {error.message}
+
refetch()}
+ className="mt-4 glass-button"
+ >
+ Попробовать снова
+
+
+
+
+
Пользователи
+
Управление пользователями системы
+
+
+ {/* Поиск и статистика */}
+
+
+
+
+ Всего: {total}
+ {searchQuery && Найдено: {users.length} }
+
+
+
+ {/* Список пользователей */}
+ {loading ? (
+
+
+
Загрузка пользователей...
+
+ ) : users.length === 0 ? (
+
+
+ {searchQuery ? 'Пользователи не найдены' : 'Пользователи отсутствуют'}
+
+
+ ) : (
+
+ {users.map((user: User) => (
+
+
+
+ {/* Аватар */}
+
+
+ {getInitials(user.managerName, user.phone)}
+
+
+
+ {/* Основная информация */}
+
+
+
+
+ {user.managerName || 'Без имени'}
+
+
+
+
+
+
+
+
+
+ {/* Организация */}
+ {user.organization && (
+
+
+
+
+
+ {user.organization.name || user.organization.fullName || 'Без названия'}
+
+
+ {getOrganizationTypeBadge(user.organization.type).label}
+
+
+
+ ИНН: {user.organization.inn}
+
+ {user.organization.status && (
+
+ Статус: {user.organization.status}
+
+ )}
+
+
+
+ Зарегистрировано: {formatDate(user.organization.createdAt)}
+
+
+
+
+ )}
+
+
+
+ ))}
+
+ )}
+
+ {/* Пагинация */}
+ {totalPages > 1 && (
+
+
+ Страница {currentPage} из {totalPages}
+
+
+
+
+
+ Вперед
+
+
+
+ )}
+
+}
+
+// Утилиты для работы с токенами администратора
+const ADMIN_TOKEN_KEY = 'adminAuthToken'
+const ADMIN_DATA_KEY = 'adminData'
+
+const setAdminToken = (token: string) => {
+ if (typeof window !== 'undefined') {
+ localStorage.setItem(ADMIN_TOKEN_KEY, token)
+ }
+}
+
+const getAdminToken = (): string | null => {
+ if (typeof window !== 'undefined') {
+ return localStorage.getItem(ADMIN_TOKEN_KEY)
+ }
+ return null
+}
+
+const removeAdminToken = () => {
+ if (typeof window !== 'undefined') {
+ localStorage.removeItem(ADMIN_TOKEN_KEY)
+ localStorage.removeItem(ADMIN_DATA_KEY)
+ }
+}
+
+const setAdminData = (admin: Admin) => {
+ if (typeof window !== 'undefined') {
+ localStorage.setItem(ADMIN_DATA_KEY, JSON.stringify(admin))
+ }
+}
+
+export const useAdminAuth = (): UseAdminAuthReturn => {
+ const [isLoading, setIsLoading] = useState(false)
+ const [admin, setAdmin] = useState(null)
+ const [isAuthenticated, setIsAuthenticated] = useState(() => {
+ return !!getAdminToken()
+ })
+ const [isCheckingAuth, setIsCheckingAuth] = useState(false)
+
+ const [adminLoginMutation] = useMutation(ADMIN_LOGIN)
+ const [adminLogoutMutation] = useMutation(ADMIN_LOGOUT)
+
+ // Проверка авторизации администратора
+ const checkAuth = async () => {
+ if (isCheckingAuth) {
+ return
+ }
+
+ const token = getAdminToken()
+ console.log('useAdminAuth - checkAuth called, token exists:', !!token)
+
+ if (!token) {
+ setIsAuthenticated(false)
+ setAdmin(null)
+ setIsCheckingAuth(false)
+ return
+ }
+
+ setIsCheckingAuth(true)
+
+ try {
+ console.log('useAdminAuth - Making ADMIN_ME query')
+ const { data } = await apolloClient.query({
+ query: ADMIN_ME,
+ errorPolicy: 'all',
+ fetchPolicy: 'network-only',
+ context: {
+ headers: {
+ authorization: `Bearer ${token}`
+ }
+ }
+ })
+
+ console.log('useAdminAuth - ADMIN_ME response:', !!data?.adminMe)
+ if (data?.adminMe) {
+ setAdmin(data.adminMe)
+ setIsAuthenticated(true)
+ setAdminData(data.adminMe)
+ console.log('useAdminAuth - Admin authenticated:', data.adminMe.username)
+ } else {
+ setIsAuthenticated(false)
+ setAdmin(null)
+ }
+ } catch (error: unknown) {
+ console.log('useAdminAuth - ADMIN_ME error:', error)
+ if ((error as { graphQLErrors?: Array<{ extensions?: { code?: string } }> })?.graphQLErrors?.some((e) => e.extensions?.code === 'UNAUTHENTICATED')) {
+ logout()
+ } else {
+ setIsAuthenticated(false)
+ setAdmin(null)
+ }
+ } finally {
+ setIsCheckingAuth(false)
+ }
+ }
+
+ // Проверяем авторизацию при загрузке компонента
+ useEffect(() => {
+ const token = getAdminToken()
+ console.log('useAdminAuth - useEffect init, token exists:', !!token, 'admin exists:', !!admin, 'isChecking:', isCheckingAuth)
+
+ if (token && !admin && !isCheckingAuth) {
+ console.log('useAdminAuth - Running checkAuth because token exists but no admin data')
+ checkAuth()
+ } else if (!token) {
+ console.log('useAdminAuth - No token, setting unauthenticated state')
+ setIsAuthenticated(false)
+ setAdmin(null)
+ }
+ }, []) // eslint-disable-line react-hooks/exhaustive-deps
+
+ const login = async (username: string, password: string) => {
+ try {
+ setIsLoading(true)
+ console.log('useAdminAuth - Starting adminLogin mutation')
+
+ const { data } = await adminLoginMutation({
+ variables: { username, password }
+ })
+
+ console.log('useAdminAuth - GraphQL response data:', data)
+ const result = data.adminLogin
+ console.log('useAdminAuth - Admin login result:', {
+ success: result.success,
+ hasToken: !!result.token,
+ hasAdmin: !!result.admin,
+ message: result.message
+ })
+
+ if (result.success && result.token && result.admin) {
+ // Сохраняем токен и данные администратора
+ console.log('useAdminAuth - Saving admin token')
+ setAdminToken(result.token)
+ setAdminData(result.admin)
+
+ // Обновляем состояние хука
+ setAdmin(result.admin)
+ setIsAuthenticated(true)
+ console.log('useAdminAuth - State updated: admin set, isAuthenticated=true')
+
+ // Принудительно обновляем Apollo Client
+ apolloClient.resetStore()
+
+ // Перенаправляем в админ-дашборд
+ if (typeof window !== 'undefined') {
+ window.location.href = '/admin/dashboard'
+ }
+
+ return {
+ success: true,
+ message: result.message,
+ admin: result.admin
+ }
+ }
+
+ return {
+ success: false,
+ message: result.message
+ }
+ } catch (error) {
+ console.error('Error during admin login:', error)
+ return {
+ success: false,
+ message: 'Ошибка при авторизации'
+ }
+ } finally {
+ setIsLoading(false)
+ }
+ }
+
+ const logout = () => {
+ console.log('useAdminAuth - Logging out')
+ removeAdminToken()
+ setAdmin(null)
+ setIsAuthenticated(false)
+ apolloClient.resetStore()
+
+ // Перенаправляем на страницу входа администратора
+ if (typeof window !== 'undefined') {
+ window.location.href = '/admin'
+ }
+ }
+
+ return {
+ login,
+ logout,
+ admin,
+ isAuthenticated,
+ isLoading,
+ checkAuth
+ }
+}
\ No newline at end of file
diff --git a/src/lib/apollo-client.ts b/src/lib/apollo-client.ts
index db91026..31677bb 100644
--- a/src/lib/apollo-client.ts
+++ b/src/lib/apollo-client.ts
@@ -9,10 +9,19 @@ const httpLink = createHttpLink({
// Auth Link для добавления JWT токена в заголовки
const authLink = setContext((operation, { headers }) => {
- // Получаем токен из localStorage каждый раз
- const token = typeof window !== 'undefined' ? localStorage.getItem('authToken') : null
+ if (typeof window === 'undefined') {
+ return { headers }
+ }
- console.log(`Apollo Client - Operation: ${operation.operationName}, Token:`, token ? `${token.substring(0, 20)}...` : 'No token')
+ // Проверяем токены администратора и пользователя
+ const adminToken = localStorage.getItem('adminAuthToken')
+ const userToken = localStorage.getItem('authToken')
+
+ // Приоритет у админского токена
+ const token = adminToken || userToken
+ const tokenType = adminToken ? 'admin' : 'user'
+
+ console.log(`Apollo Client - Operation: ${operation.operationName}, Token type: ${tokenType}, Token:`, token ? `${token.substring(0, 20)}...` : 'No token')
const authHeaders = {
...headers,
@@ -35,14 +44,24 @@ const errorLink = onError(({ graphQLErrors, networkError }) => {
)
// Если токен недействителен, очищаем localStorage и перенаправляем на авторизацию
- // Но не делаем редирект если пользователь уже на главной странице (в процессе авторизации)
if (extensions?.code === 'UNAUTHENTICATED') {
if (typeof window !== 'undefined') {
- localStorage.removeItem('authToken')
- localStorage.removeItem('userData')
- // Перенаправляем на страницу авторизации только если не находимся на ней
- if (window.location.pathname !== '/') {
- window.location.href = '/'
+ const isAdminPath = window.location.pathname.startsWith('/admin')
+
+ if (isAdminPath) {
+ // Для админских страниц очищаем админские токены
+ localStorage.removeItem('adminAuthToken')
+ localStorage.removeItem('adminData')
+ if (window.location.pathname !== '/admin') {
+ window.location.href = '/admin'
+ }
+ } else {
+ // Для пользовательских страниц очищаем пользовательские токены
+ localStorage.removeItem('authToken')
+ localStorage.removeItem('userData')
+ if (window.location.pathname !== '/') {
+ window.location.href = '/'
+ }
}
}
}