import Avatar from "boring-avatars"; import Link from "next/link"; import { useRouter } from "next/navigation"; import React from "react"; import { useLongPress } from "@uidotdev/usehooks"; import { toast } from "react-toastify"; const AppHeader = ({ title, sub, icon1, iconName1, iconHref1, iconEvent1, icon2, iconName2, iconHref2, iconEvent2, iconName3, iconEvent3, userIcon, userIconData, userIconHref, userRole, logOut, }) => { const router = useRouter(); const handlelogOut = () => { localStorage.removeItem("token"); router.push("/login"); }; const attrs = useLongPress(() => handlelogOut(), { // onStart: (event) => setSubButtonAction(true), onFinish: (event) => { handlelogOut(); }, // onCancel: (event) => setSubButtonAction(false), threshold: 1000, }); const icons = [ { iconName: "ACOUNT", icon: ( ), }, { iconName: "NINJA", icon: ( ), }, { iconName: "ARROW", icon: ( ), }, { iconName: "PLUS", icon: ( ), }, ]; // ; return (
{userIcon && (
)}

{title}

{sub}

{!userRole ? (
{logOut && (
{ toast.error(`برای خروج نگه دارید`, { position: "bottom-right", closeOnClick: true, }); }} >

خروج

)} {icon1 ? (
{icons.find((e) => e.iconName == iconName1)?.icon}
) : ( "" )} {icon2 ? (
{icons.find((e) => e.iconName == iconName2)?.icon}
) : ( "" )}
) : (

{iconName3}

)}
); }; export default AppHeader;