Merge pull request #39 from the-collab-lab/selectedListFeature

Added selected list feature
the-collab-lab · Apr 5, 2024 · 96433d8 · 96433d8
2 parents 8665b57 + 4c6e08e
commit 96433d8
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 5 deletions.
diff --git a/src/components/SingleList.jsx b/src/components/SingleList.jsx
@@ -2,12 +2,12 @@ import React from 'react';
 import './SingleList.css';
 import { MdOutlineDeleteForever } from 'react-icons/md';
 import { deleteList } from '../api';
-import { Button } from '@mui/material';
 
 export function SingleList({ name, path, setListPath, listPath, email }) {
 	// Function to handle selecting a list
 	const handleClick = () => {
 		setListPath(path);
+		localStorage.setItem('list', name);
 	};
 
 	// Function to handle deleting a list

diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -1,7 +1,6 @@
 import { Outlet } from 'react-router-dom';
 import './Layout.css';
 import { FaShoppingBag, FaUser, FaUserMinus } from 'react-icons/fa';
-import { auth } from '../api/config.js';
 import { SignInButton, SignOutButton, useAuth } from '../api/useAuth.jsx';
 import { NavLink } from 'react-router-dom';
 
@@ -20,7 +19,6 @@ export function Layout() {
 		<>
 			<div className="Layout">
 				<header className="Layout-header">
-
 					<div className="login-user">
 						{!user ? (
 							<div className="flex justify-end gap-5 items-center">
@@ -41,7 +39,6 @@ export function Layout() {
 						<FaShoppingBag />
 						<h1>Smart Shopping List</h1>
 					</div>
-
 				</header>
 				<nav className="Nav">
 					<div className="Nav-container">
@@ -57,7 +54,7 @@ export function Layout() {
 					</div>
 				</nav>
 				<main className="Layout-main">
-					<h1 className="my-3 text-center font-extrabold text-4xl pb-9 capitalize">
+					<h1 className="my-3 text-center font-extrabold text-4xl pb-9 capitalize text-black dark:text-white">
 						{localStorage.getItem('list') || 'No list selected'}
 					</h1>
 					<Outlet />