import "../index.css"
import { useState } from "react";
import { useNavigate } from "react-router-dom";
/**
* Main navbar icon
* @param height The height of the icon (h-#)
* @returns {JSX.Element}
* @constructor
*/
function MainIcon() {
return <>
}
/**
* Download button
* @param downloadFiles {function}
* @returns {JSX.Element}
* @constructor
*/
function DownloadButton({ downloadFiles }) {
return <>
}
/**
* Upload button
* @param uploadFiles {function}
* @returns {JSX.Element}
* @constructor
*/
function UploadButton({ uploadFiles }) {
return <>
}
/**
* Information button. Not sure what this is going to do...
* @returns {JSX.Element}
* @constructor
*/
function InfoButton() {
return <>
}
/**
* Logout button, which clears the user from the storage's.
* @returns {JSX.Element}
* @constructor
*/
function LogoutButton() {
const navigate = useNavigate();
/**
* The name of the value stored in local storage.
* @type {string}
*/
const storage_id = "gophernest_credentials";
const handleClick = () => {
localStorage.removeItem(storage_id);
sessionStorage.removeItem(storage_id);
navigate("/login");
};
return <>
}
/**
* Search bar input, with controlled state.
* @returns {JSX.Element}
* @constructor
*/
function SearchBar() {
const [search, setSearch] = useState("");
/**
* Update the controlled state.
* @param event {InputEvent}
*/
const updateSearch = (event) => setSearch(event.target.value);
return (
)
}
export default function Navbar({ downloadFiles, uploadFiles }) {
return <>
;
}