eleven-solutions-common-website-unique-web 9.0.9 → 9.0.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -6,6 +6,7 @@ interface HeaderProps {
|
|
|
6
6
|
isDarkMode: boolean;
|
|
7
7
|
img: string;
|
|
8
8
|
name: string;
|
|
9
|
+
userdetails: any;
|
|
9
10
|
}
|
|
10
|
-
declare const Header: ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare const Header: ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name, userdetails, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
12
|
export default Header;
|
|
@@ -19,7 +19,7 @@ const IconWrapper = (_a) => {
|
|
|
19
19
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
20
20
|
return (_jsx("div", { className: className, children: _jsx(RxPerson, Object.assign({}, props)) }));
|
|
21
21
|
};
|
|
22
|
-
const Header = ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name, }) => {
|
|
22
|
+
const Header = ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name, userdetails, }) => {
|
|
23
23
|
const [isOpen, setIsOpen] = useState(false);
|
|
24
24
|
const [usermodalopen, setusermodalopen] = useState(false);
|
|
25
25
|
const [showUserCard, setShowUserCard] = useState(false);
|
|
@@ -67,7 +67,7 @@ const Header = ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name
|
|
|
67
67
|
? "text-white hover:bg-gray-600"
|
|
68
68
|
: "text-black hover:bg-gray-200"}`, children: "Contact Us" }), userLogedin ? (_jsxs("div", { className: "relative", children: [_jsx("div", { className: `px-3 py-1 h-20 rounded-md md:flex items-center ${isDarkMode ? "text-white" : "text-black"} hidden `, onMouseEnter: () => setShowUserCard(true), children: _jsx("div", { className: "w-6 h-6 flex items-center justify-center", children: _jsx(IconWrapper, { style: { width: "50px", height: "20px" } }) }) }), showUserCard && (_jsxs("div", { className: `absolute top-16 right-0 p-2 w-52 shadow-lg rounded-lg border border-gray-200 hidden sm:block ${isDarkMode
|
|
69
69
|
? "bg-[#2e2e2e] border-gray-700"
|
|
70
|
-
: "bg-[#ffff] border-gray-200"}`, onMouseEnter: () => setShowUserCard(true), onMouseLeave: () => setShowUserCard(false), children: [userType ===
|
|
70
|
+
: "bg-[#ffff] border-gray-200"}`, onMouseEnter: () => setShowUserCard(true), onMouseLeave: () => setShowUserCard(false), children: [userType === 2 && (_jsx("p", { onClick: (event) => {
|
|
71
71
|
handleNavigation(event, "/admin");
|
|
72
72
|
event.currentTarget.parentElement.classList.add("hidden");
|
|
73
73
|
}, className: `cursor-pointer block px-4 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
|
|
@@ -82,7 +82,7 @@ const Header = ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name
|
|
|
82
82
|
event.currentTarget.parentElement.classList.add("hidden");
|
|
83
83
|
}, className: `cursor-pointer block px-4 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
|
|
84
84
|
? "text-white hover:bg-gray-600"
|
|
85
|
-
: "text-black hover:bg-gray-200"}`, children: "Logout" })] })), _jsxs("div", { className: "sm:hidden", children: [userType ===
|
|
85
|
+
: "text-black hover:bg-gray-200"}`, children: "Logout" })] })), _jsxs("div", { className: "sm:hidden", children: [userType === 2 && (_jsx("p", { onClick: (event) => handleNavigation(event, "/admin"), className: `cursor-pointer block pl-2 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
|
|
86
86
|
? "text-white hover:bg-gray-600"
|
|
87
87
|
: "text-black hover:bg-gray-200"}`, children: "Admin" })), _jsx("p", { onClick: handleUser, className: `cursor-pointer block pl-2 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
|
|
88
88
|
? "text-white hover:bg-gray-600"
|
package/package.json
CHANGED
|
@@ -13,6 +13,7 @@ interface HeaderProps {
|
|
|
13
13
|
isDarkMode: boolean;
|
|
14
14
|
img: string;
|
|
15
15
|
name: string;
|
|
16
|
+
userdetails;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
interface IconProps extends React.SVGProps<SVGSVGElement> {
|
|
@@ -33,6 +34,7 @@ const Header = ({
|
|
|
33
34
|
url,
|
|
34
35
|
img,
|
|
35
36
|
name,
|
|
37
|
+
userdetails,
|
|
36
38
|
}: HeaderProps) => {
|
|
37
39
|
const [isOpen, setIsOpen] = useState(false);
|
|
38
40
|
const [usermodalopen, setusermodalopen] = useState(false);
|
|
@@ -210,7 +212,7 @@ const Header = ({
|
|
|
210
212
|
onMouseEnter={() => setShowUserCard(true)}
|
|
211
213
|
onMouseLeave={() => setShowUserCard(false)}
|
|
212
214
|
>
|
|
213
|
-
{userType ===
|
|
215
|
+
{userType === 2 && (
|
|
214
216
|
<p
|
|
215
217
|
onClick={(event) => {
|
|
216
218
|
handleNavigation(event, "/admin");
|
|
@@ -262,7 +264,7 @@ const Header = ({
|
|
|
262
264
|
|
|
263
265
|
{/* Direct menu for mobile view */}
|
|
264
266
|
<div className="sm:hidden">
|
|
265
|
-
{userType ===
|
|
267
|
+
{userType === 2 && (
|
|
266
268
|
<p
|
|
267
269
|
onClick={(event) => handleNavigation(event, "/admin")}
|
|
268
270
|
className={`cursor-pointer block pl-2 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${
|