"use client"; import React, { useState } from "react"; import styles from "./styles.module.css"; import { usePathname, useRouter, useParams } from "next/navigation"; const TopHeader = (props) => { const [triggerDropDownMenu, setTriggerDropDownMenu] = useState(false); const pathName = usePathname(); const router = useRouter(); const params = useParams(); const handleNavigateToAdd = () => { router.push(`${pathName}/add`); }; return (
{((pathName.includes("/view") && props.state === "view") || params.usersId || params.roleId) && (
router.back()}>
)}

{props.topbarTitle}

{(pathName === "/projects/view" || !props.state) && (
)} {pathName === "/credentials" ? (

Manage Env. Key

) : ( "" )} {pathName === "/projects/view" && (
props.trigger(!props.triggerState)} >

{props.buttonText}

)} {!props.state && (

{props.buttonText}

)} {props.state === "add" ? ( <>

{props.buttonText}

router.back()}>

{props.cancelButtonText}

) : ( "" )} {/* Projects 3 dots menu */} {pathName === "/projects/view" && (
setTriggerDropDownMenu(!triggerDropDownMenu)} >
{triggerDropDownMenu && (

Clone Project

Robots

Init Key

Manage Env. Key

)}
)}
); }; export default TopHeader;