Merge pull request #57 from the-collab-lab/revert-44-ma/view-list-name

Revert "Issue #43 Users should be  able to view the list name"

Author: eternalmaha

src/App.tsx

@@ -70,10 +70,6 @@ export function App() {
 							path="/list"
 							element={<List data={data} listPath={listPath} />}
 						/>
-						<Route
-							path="/list/:listName"
-							element={<List data={data} listPath={listPath} />}
-						/>
 						<Route
 							path="/manage-list"
 							element={<ManageList listPath={listPath} data={data || []} />}

src/components/AuthenticatedNavBar 2.css

@@ -12,7 +12,9 @@ export function AuthenticatedNavBar() {
 				<NavLink to="/" className="Nav__link" aria-label="Home">
 					Home
 				</NavLink>
-
+				<NavLink to="/list" className="Nav__link" aria-label="List">
+					List
+				</NavLink>
 				<NavLink
 					to="/manage-list"
 					className="Nav__link"

src/components/AuthenticatedNavBar.tsx

@@ -32,8 +32,7 @@ export function CreateList({ user, setListPath }: Props) {
 			toast.success("Success: Your New List is Created!");
 			// Delay for toast notification before redirecting
 			setTimeout(() => {
-				const listName = path.split("/").pop();
-				navigate(`/list/${listName}`);
+				navigate("/list");
 			}, 1500); // 1.5 seconds delay
 		} catch (error) {
 			console.error("Error creating list:", error);

src/components/CreateList.tsx

@@ -1,17 +1,14 @@
-
-import "./SingleList.css";
+import * as api from "../api/firebase";
 import Button from "react-bootstrap/Button";
 import "./SingleList.scss";
-import { useNavigate } from "react-router-dom";
-
-export function SingleList({ name }: { name: string }) {
-	const navigate = useNavigate();
 
+interface Props extends Pick<api.List, "name" | "path"> {
+	setListPath: (path: string) => void;
+}
 
+export function SingleList({ name, path, setListPath }: Props) {
 	function handleClick() {
-		setTimeout(() => {
-			navigate(`/list/${name}`);
-		}, 200);
+		setListPath(path);
 	}
 
 	return (

src/components/ListItem 2.css

@@ -87,10 +87,7 @@ export function AddItemForm({ listPath, data: unfilteredListItems }: Props) {
 		}
 	};
 	const navigateToListPage = () => {
-		if (listPath) {
-			const listName = listPath.split("/").pop();
-			navigate(`/list/${listName}`);
-		}
+		navigate("/list");
 	};
 
 	return (