context/AuthContext.tsx

[mcochranca]

Manages authentication state and provides context to the app.

// src/context/AuthContext.tsx

import React, { createContext, useState, useContext } from 'react';

interface AuthContextType {
  isAdmin: boolean;
  loginAsAdmin: (username: string, password: string) => Promise<void>;
  logout: () => void;
}

const AuthContext = createContext<AuthContextType | undefined>(undefined);

export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
  const [isAdmin, setIsAdmin] = useState<boolean>(() => {
    const storedIsAdmin = localStorage.getItem('isAdmin');
    return storedIsAdmin === 'true';
  });

  const loginAsAdmin = async (username: string, password: string) => {
    // Simulate authentication
    if (username === 'admin' && password === 'password') {
      setIsAdmin(true);
      localStorage.setItem('isAdmin', 'true');
    } else {
      throw new Error('Invalid credentials');
    }
  };

  const logout = () => {
    setIsAdmin(false);
    localStorage.removeItem('isAdmin');
  };

  return (
    <AuthContext.Provider value={{ isAdmin, loginAsAdmin, logout }}>
      {children}
    </AuthContext.Provider>
  );
};

export const useAuth = () => {
  const context = useContext(AuthContext);
  if (context === undefined) {
    throw new Error('useAuth must be used within an AuthProvider');
  }
  return context;
};

Notes:

• Authentication State:
  • Manages isAdmin state to control access to admin routes.
• Persistent Login:
  • Stores login state in localStorage to persist across sessions.
• Context API:
  • Provides authentication functions (loginAsAdmin, logout) to the rest of the app.

---

[github-actions]

Message that will be displayed on users' first issue

[mcochranca]

yup...