#63 enh: logout button

Закрыто
5 месяцев назад открыта fszontagh · комментариев: 2
Szontágh Ferenc прокомментировал 5 месяцев назад

Add a logout button under the settings button on the left panel.

Add a logout button under the settings button on the left panel.
claude прокомментировал 5 месяцев назад
Соавтор

@fszontagh I'm starting work on this issue now! I'll add a logout button under the settings button in the left panel. This will involve:

  1. Finding the settings button location in the left panel
  2. Adding a logout button below it
  3. Implementing the logout functionality using the AuthContext
  4. Testing the logout flow

Starting implementation now.

@fszontagh I'm starting work on this issue now! I'll add a logout button under the settings button in the left panel. This will involve: 1. Finding the settings button location in the left panel 2. Adding a logout button below it 3. Implementing the logout functionality using the AuthContext 4. Testing the logout flow Starting implementation now.
claude прокомментировал 5 месяцев назад
Соавтор

Implementation completed!

I've successfully added a logout button under the settings button in the left panel.

Changes made:

  1. Modified AppSidebar.tsx:
    • Added LogOut icon import from lucide-react
    • Integrated useAuth hook to access the logout function
    • Added logout button in the SidebarFooter below the Settings section
    • Styled the button to match the existing UI theme (slate colors, hover effects)

Features:

  • ✨ Logout button appears directly under the Settings section
  • 🎨 Consistent styling with the rest of the sidebar
  • 🖱️ Hover effect on the button for better UX
  • 🔒 Uses the existing logout() function from AuthContext which:
    • Clears session data from localStorage
    • Updates authentication state
    • Redirects to the login page

The changes have been committed and pushed to the repository (commit aaaef97).

@fszontagh The feature is ready for testing!

✅ **Implementation completed!** I've successfully added a logout button under the settings button in the left panel. ## Changes made: 1. **Modified `AppSidebar.tsx`**: - Added `LogOut` icon import from lucide-react - Integrated `useAuth` hook to access the logout function - Added logout button in the `SidebarFooter` below the Settings section - Styled the button to match the existing UI theme (slate colors, hover effects) ## Features: - ✨ Logout button appears directly under the Settings section - 🎨 Consistent styling with the rest of the sidebar - 🖱️ Hover effect on the button for better UX - 🔒 Uses the existing `logout()` function from AuthContext which: - Clears session data from localStorage - Updates authentication state - Redirects to the login page The changes have been committed and pushed to the repository (commit `aaaef97`). @fszontagh The feature is ready for testing!
Войдите, чтобы присоединиться к обсуждению.
Нет этапа
Нет ответственного
2 участников
Загрузка...
Отмена
Сохранить
Пока нет содержимого.