KarlComSe / SvenskaElsparkcyklarAB

import React, { useState, useEffect, useRef } from 'react';

import Spinner from '../components/Spinner';

import { useDispatch, useSelector } from 'react-redux';

import { RootState, AppDispatch } from '../redux/store/store';

import { setLoggedInOut, setCurrentUser, setToken, setRole } from '../redux/slices/authLogin';

// import userRole from './HomePage';

import { useSearchParams, useNavigate } from "react-router-dom";

import { API_URL } from '../helpers/config';

import axios from 'axios';

// import HomePage from './HomePage';

const Github: React.FC = () => {

    const [ searchParams, setsearchParams] = useSearchParams();

    const [isLoggedIn, setisLoggedIn] = useState(false);

    const dispatch = useDispatch();

    const navigate = useNavigate();

    const attemptedRef = useRef(false);  // Track if we've attempted auth

    const userRole = useSelector((state: RootState) => state.auth.role);

    useEffect(() => {

        if (isLoggedIn) { // Only in component (not from localStorage)

            // navigate('/');

            if (userRole === 'admin') {

                navigate('/adminstartpage');

            } else if (userRole === 'customer') {

                navigate('/customerstartpage');

            } else if (userRole) {

                console.error('Unexpected role:', userRole);

            }

            return;

        }

        const code = searchParams.get('code');

        if (!code || attemptedRef.current) return;  // Skip if no code or already attempted

        const backendAuth = async() => {

            try {

                    attemptedRef.current = true;  // Mark as attempted

                    const codeObject = Object.fromEntries(searchParams);

                    const response = await axios.post(`${API_URL}/auth/token`, codeObject);

                    console.log(response);

                    dispatch(setToken(response.data.access_token));

                    dispatch(setCurrentUser(response.data.user.username));

                    dispatch(setLoggedInOut(true));

                    setisLoggedIn(true);

                }

            catch(error)

            {

                console.log(error);

            }

        }

        backendAuth();

    }, [searchParams, isLoggedIn]); 

    return (

        <div className="flex flex-col items-center justify-center h-screen" data-testid="github-test">

            <Spinner spinnerColor='red'/>

            Setting credentials 

            {searchParams.get('searchParams')}

        </div>

    );

};

export default Github;