import React, { useEffect } from 'react'; import { useLocation, useNavigate } from 'react-router-dom'; import './Header.scss'; import searchIcon from "../../assets/img/Group 1148.svg"; import moment from "jalali-moment"; import { useState } from 'react'; import avatar1 from "../../assets/img/avatar/pexels-jan-kopřiva-3525908.jpg"; import logoIcon from '../../assets/img/logo.png'; import MobileSideMenu from './MobileSideMenu'; import { connect } from 'react-redux'; import { Link } from 'react-router-dom'; import arrowIcon from './MobileSideMenu/arrow-down.svg' import exitIcon from '../../assets/img/group-9.svg' import backIcon from './arrow-left-1.svg'; import profileIcon from './MobileSideMenu/profile-active.svg' import { user } from '../../redux/actions'; import { grades } from '../../redux/reducers/public'; const Header = ({ isMobile, cart, logOut, setUserStatus, user }) => { let today = moment().locale("fa").format("YYYY/M/D"); let weekday = new Date().getDay(); let weekdayList = ["یکشنبه", "دوشنبه", "سه‌شنبه", "چهارشنبه", 'پنج‌شنبه', 'جمعه', "شنبه"]; const [menuPopup, setMenuPopup] = useState(false); const [subMenu, setSubMenu] = useState(false); const location = useLocation(); const navigate = useNavigate(); useEffect(() => { setUserStatus() }, []) let UserData =JSON.parse(localStorage.getItem("userData")); return ( <>
{subMenu && (
{UserData?.displayName || "نامشخص"} ({" "} {UserData?.job || "دانش آموز"} )
{/* setSubMenu(false)} className="w-full text-right border-b border-gray-200 py-2" > ورود به پنل ادمین */} {/* setSubMenu(false)} className='w-full text-right border-b border-gray-200 py-2'> ورود به صفحه افزودن آزمون */} setSubMenu(false)} className="w-full text-right border-b border-gray-200 py-2" > ویرایش حساب کاربری
)} {isMobile ? (
setMenuPopup(!menuPopup)}>
{" "} {" "} {location.pathname.includes("messages") ? (
navigate(-1)} className="w-8 h-8 bg-red-100 rounded-md flex items-center justify-center" >
) : (
{cart?.length}
)}
) : ( <> {location.pathname.includes("adminpanel") ? (
) : ( <>
setSubMenu(!subMenu)} />
avatar1
{user.displayName ? user.displayName : user?.firstName + " " + user?.lastName}
{grades[user.gradeIds]}
{weekdayList[weekday]} {today} {/* روز ملی صنعت نفت */}
)} )} {/*
searchIcon
*/}
{isMobile && menuPopup && ( <>
setMenuPopup(false)} />
)} ); } const mapStateToProps = (state) => ({ isMobile: state.publicApi.isMobile, cart: state.userProduct.list, user: state.user.status, }); const mapDispatchToProps = { setUserStatus: user.setUserStatus }; export default connect(mapStateToProps, mapDispatchToProps)(Header); const Clock = () => { let today = new Date(); let h = today.getHours(); let m = today.getMinutes(); let s = today.getSeconds(); // const [h,setH]=useState(today.getHours()); // const [m, setM] = useState(today.getMinutes()); // const [s, setS] = useState(today.getSeconds()); const [counter, setCounter] = useState(0); setTimeout(() => { setCounter(counter + 1); }, 1000); return (
ساعت {h < 10 ? "0" + h : h}:{m < 10 ? "0" + m : m}:{s < 10 ? "0" + s : s}
); }