From a618a3d60293f88b6016ab32ae8d847c9e8628bf Mon Sep 17 00:00:00 2001
From: Steve White <stwhite@mac.com>
Date: Tue, 8 Oct 2024 08:50:10 -0500
Subject: [PATCH] after login, redirect to /boxes

---
 src/components/Boxes.js | 2 +-
 src/components/Login.js | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Boxes.js b/src/components/Boxes.js
index 8e5de88..401e634 100644
--- a/src/components/Boxes.js
+++ b/src/components/Boxes.js
@@ -20,7 +20,7 @@ export default function Boxes({ token }) {
   }, [token]);
 
   // Log boxes state changes outside the useEffect
-useEffect(() => {
+  useEffect(() => {
     console.log('Boxes updated:', boxes);
   }, [boxes]); 
 
diff --git a/src/components/Login.js b/src/components/Login.js
index 78bb3d2..cb13c19 100644
--- a/src/components/Login.js
+++ b/src/components/Login.js
@@ -2,11 +2,12 @@
 import React, { useState } from 'react';
 import { Button, TextField, Container, Typography } from '@mui/material';
 import axios from 'axios';
+import { useNavigate } from 'react-router-dom'; // Import useNavigate
 
 export default function Login({ setToken }) {
   const [username, setUsername] = useState('');
   const [password, setPassword] = useState('');
-
+  const navigate = useNavigate(); // Initialize useNavigate
   const handleLogin = async (e) => {
     e.preventDefault();
     try {
@@ -14,6 +15,7 @@ export default function Login({ setToken }) {
 
       const response = await axios.post(`${process.env.REACT_APP_API_URL}/login`, { username, password });
       setToken(response.data.token);  // Store the token in state or context
+      navigate('/boxes'); //redirect to /boxes after successful login
     } catch (error) {
       console.error('Login failed', error);
     }