eleven-solutions-common-website-unique-web 21.0.56 → 22.0.0
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.
- package/dist/App.d.ts +0 -3
- package/dist/App.js +0 -2
- package/dist/components/admin/Sidebar.d.ts +0 -1
- package/dist/components/admin/Sidebar.js +2 -2
- package/dist/components/admin/UserForm.js +1 -1
- package/dist/components/admin/Users.js +2 -2
- package/dist/components/footer/Footer.d.ts +3 -2
- package/dist/components/footer/Footer.js +2 -3
- package/dist/components/index.d.ts +3 -2
- package/dist/components/index.js +3 -2
- package/dist/components/login/GoogleButton.js +4 -1
- package/dist/components/login/Header.d.ts +3 -1
- package/dist/components/login/Header.js +135 -31
- package/dist/components/login/Login.d.ts +2 -1
- package/dist/components/login/Login.js +15 -65
- package/dist/components/login/Setcookie.d.ts +2 -0
- package/dist/components/login/Setcookie.js +7 -0
- package/dist/components/redux/slices/types/types.d.ts +3 -0
- package/dist/components/redux/slices/types/types.js +1 -0
- package/dist/components/redux/slices/userSlice.d.ts +20 -0
- package/dist/components/redux/slices/userSlice.js +90 -0
- package/dist/components/useraccount/UpdateUserDetails.d.ts +1 -0
- package/dist/components/useraccount/UpdateUserDetails.js +15 -22
- package/package.json +8 -4
- package/.github/workflows/main.yml +0 -22
- package/azure-pipelines.yml +0 -20
- package/dist/components/Navbar.d.ts +0 -6
- package/dist/components/Navbar.js +0 -5
- package/dist/components/login/View.d.ts +0 -2
- package/dist/components/login/View.js +0 -10
- package/dist/components/useraccount/AddMissingDetails.d.ts +0 -9
- package/dist/components/useraccount/AddMissingDetails.js +0 -56
- package/dist/components/useraccount/AddUserDetails.d.ts +0 -9
- package/dist/components/useraccount/AddUserDetails.js +0 -21
- package/src/App.tsx +0 -21
- package/src/components/Navbar.tsx +0 -21
- package/src/components/admin/Dashboard.tsx +0 -7
- package/src/components/admin/Editor.tsx +0 -25
- package/src/components/admin/Sidebar.tsx +0 -102
- package/src/components/admin/Taxionomies.tsx +0 -314
- package/src/components/admin/TaxonomyForm.tsx +0 -744
- package/src/components/admin/Template.tsx +0 -304
- package/src/components/admin/TemplateForm.tsx +0 -141
- package/src/components/admin/UserForm.tsx +0 -231
- package/src/components/admin/Users.tsx +0 -479
- package/src/components/api/api.ts +0 -59
- package/src/components/api/taxonomy.ts +0 -201
- package/src/components/api/template.ts +0 -114
- package/src/components/api/updateuser.ts +0 -53
- package/src/components/api/user.ts +0 -133
- package/src/components/footer/Footer.tsx +0 -128
- package/src/components/footer/Privacy.tsx +0 -82
- package/src/components/footer/Terms.tsx +0 -156
- package/src/components/index.ts +0 -19
- package/src/components/login/GoogleButton.tsx +0 -85
- package/src/components/login/Header.tsx +0 -340
- package/src/components/login/Login.tsx +0 -277
- package/src/components/useraccount/AddUserDetails.tsx +0 -136
- package/src/components/useraccount/UpdateUserDetails.tsx +0 -214
- package/src/index.ts +0 -1
- package/tsconfig.json +0 -15
package/dist/App.d.ts
CHANGED
package/dist/App.js
CHANGED
@@ -1,10 +1,8 @@
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
2
2
|
import { BrowserRouter, Routes, Route } from "react-router-dom";
|
3
|
-
import Navbar from "./components/Navbar"; // Ensure correct path to your Navbar
|
4
3
|
import Footer from "./components/footer/Footer"; // Ensure correct path to your Footer
|
5
4
|
const App = () => {
|
6
5
|
return (_jsx(BrowserRouter, { children: _jsx(Routes, { children: _jsx(Route, { path: "/footer", element: _jsx(Footer, {}) }) }) }));
|
7
6
|
};
|
8
7
|
// Named exports for Navbar and Footer
|
9
|
-
export { Navbar, Footer };
|
10
8
|
export default App;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
2
2
|
import { useState } from "react";
|
3
3
|
import { FiMenu } from "react-icons/fi";
|
4
|
-
const Dashboard = ({ menuGroups, logo,
|
4
|
+
const Dashboard = ({ menuGroups, logo, }) => {
|
5
5
|
const [isSidebarOpen, setIsSidebarOpen] = useState(false);
|
6
6
|
const [activeItem, setActiveItem] = useState(null);
|
7
7
|
const toggleSidebar = () => {
|
@@ -15,7 +15,7 @@ const Dashboard = ({ menuGroups, logo, iconName, }) => {
|
|
15
15
|
onClick();
|
16
16
|
closeSidebar();
|
17
17
|
};
|
18
|
-
return (_jsxs("div", { className: "relative h-full md:pr-6 md:py-4", children: [_jsx("button", { className: "block md:hidden p-2 text-gray-600 focus:outline-none", onClick: toggleSidebar, children: _jsx(FiMenu, { size: 24 }) }), isSidebarOpen && (_jsx("div", { className: "fixed inset-0 bg-black opacity-50 md:hidden", onClick: closeSidebar })), _jsxs("div", { className: `absolute md:relative top-0 left-0 z-20 h-full bg-white border-r pr-
|
18
|
+
return (_jsxs("div", { className: "relative h-full md:pr-6 md:py-4", children: [_jsx("button", { className: "block md:hidden p-2 text-gray-600 focus:outline-none", onClick: toggleSidebar, children: _jsx(FiMenu, { size: 24 }) }), isSidebarOpen && (_jsx("div", { className: "fixed inset-0 bg-black opacity-50 md:hidden", onClick: closeSidebar })), _jsxs("div", { className: `absolute md:relative top-0 left-0 z-20 h-full bg-white border-r pr-2 pl-3 overflow-y-auto overflow-x-hidden transform ${isSidebarOpen ? "translate-x-0" : "-translate-x-full"} md:translate-x-0 transition-transform duration-300 ease-in-out`, children: [_jsx("div", { className: "w-16 h-16 flex cursor-pointer ml-6", onClick: () => (window.location.href = "/home"), children: _jsx("img", { className: "h-full w-full mx-auto", src: logo, alt: "" }) }), menuGroups.map((group, index) => (_jsxs("div", { className: "my-2 space-y-2", children: [_jsx("span", { className: "pl-3 text-sm text-gray-400 uppercase tracking-wider my-2", children: group.heading }), _jsx("ul", { className: "space-y-2", children: group.items.map((item, idx) => (_jsxs("li", { className: `pl-3 flex items-center space-x-3 cursor-pointer py-1 pr-2 rounded-lg transition duration-200 ${activeItem === item.label
|
19
19
|
? "bg-gray-300 text-gray-800"
|
20
20
|
: "hover:bg-gray-100 text-gray-700"}`, onClick: () => handleItemClick(item.label, item.onClick), children: [_jsx("span", { className: "text-gray-500 text-lg", children: item.icon }), _jsx("span", { className: "font-medium", children: item.label })] }, idx))) })] }, index)))] })] }));
|
21
21
|
};
|
@@ -81,6 +81,6 @@ const UserForm = ({ url }) => {
|
|
81
81
|
window.history.pushState({}, "", "/admin/users");
|
82
82
|
window.dispatchEvent(new PopStateEvent("popstate"));
|
83
83
|
};
|
84
|
-
return (_jsx("div", { className: "max-w-4xl p-6
|
84
|
+
return (_jsx("div", { className: "max-w-4xl p-6 dark:bg-gray-800", children: _jsx("div", { children: _jsxs("form", { children: [_jsx("h1", { className: "text-3xl font-bold text-blue-600 capitalize dark:text-white mb-4", children: isEditMode ? "Edit User" : "Add User" }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Name ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: userName, onChange: (e) => setUserName(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter User Name" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Email ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsx("input", { required: true, value: email, onChange: (e) => setEmail(e.target.value), type: "email", className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Email" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Mobile Number" }), _jsx("input", { required: true, value: mobile, onChange: (e) => setMobile(e.target.value), type: "number", className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Enter Mobile Number" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Address" }), _jsx("input", { required: true, value: address, onChange: (e) => setAddress(e.target.value), type: "text", className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", placeholder: "Address" })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsx("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: "Gender" }), _jsxs("select", { required: true, value: gender, onChange: (e) => setGender(e.target.value === "" ? null : e.target.value), className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Gender" }), _jsx("option", { value: "1", children: "Male" }), _jsx("option", { value: "2", children: "Female" })] })] }), _jsxs("div", { className: "mb-6 w-full", children: [_jsxs("label", { className: "text-gray-900 dark:text-gray-200 font-semibold", children: ["Role Type ", _jsx("span", { className: "text-red-500", children: "*" })] }), _jsxs("select", { required: true, value: roleType, onChange: (e) => setRoleType(e.target.value), className: "w-full px-4 py-2 mt-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "Select a Role Type" }), _jsx("option", { value: "1", children: "Guest" }), _jsx("option", { value: "2", children: "Admin" })] })] }), _jsxs("div", { className: "flex space-x-4 mt-6 justify-start", children: [_jsx("button", { type: "submit", onClick: handleSubmit, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: isEditMode ? "Edit" : "Save and Close" }), _jsx("button", { type: "button", onClick: handleCancelClick, className: "px-8 py-2.5 leading-5 text-white transition-colors duration-300 transform bg-blue-600 rounded-md hover:bg-blue-500 focus:outline-none focus:bg-gray-600", children: "Cancel" })] })] }) }) }));
|
85
85
|
};
|
86
86
|
export default UserForm;
|
@@ -101,9 +101,9 @@ const Users = ({ url }) => {
|
|
101
101
|
day: "2-digit",
|
102
102
|
month: "2-digit",
|
103
103
|
year: "numeric",
|
104
|
-
}) })] }, user.id || index))) })] }) }), _jsxs("div", { className: "flex items-center justify-between mt-6", children: [_jsxs("button", { onClick: handlePreviousPage, disabled: currentPage === 1, className: "flex items-center px-5 py-2 text-sm text-gray-700 capitalize transition-colors duration-200 bg-white border rounded-md gap-x-2 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:border-gray-700 dark:hover:bg-gray-800", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5 rtl:-scale-x-100", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6.75 15.75L3 12m0 0l3.75-3.75M3 12h18" }) }), _jsx("span", { children: "previous" })] }), _jsx("div", { className: "items-center hidden lg:flex gap-x-3", children: Array.from({ length: totalPages }, (_, index) => (_jsx("button", { onClick: () => handlePageClick(index + 1), className: `px-2 py-1 text-sm ${currentPage === index + 1
|
104
|
+
}) })] }, user.id || index))) })] }) }), _jsx("div", { className: "flex-grow ml-0 mt-4 w-0", children: _jsxs("button", { type: "button", onClick: (event) => handleNavigation(event, "/admin/users/userform"), className: "flex items-center justify-center px-6 py-2 font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-blue-600 rounded-lg hover:bg-blue-500 focus:outline-none focus:ring focus:ring-blue-300 focus:ring-opacity-80", children: [_jsx(FaPlus, { className: "mr-2 font-medium" }), "User"] }) }), _jsxs("div", { className: "flex items-center justify-between mt-6 ", children: [_jsxs("button", { onClick: handlePreviousPage, disabled: currentPage === 1, className: "flex items-center px-5 py-2 text-sm text-gray-700 capitalize transition-colors duration-200 bg-white border rounded-md gap-x-2 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:border-gray-700 dark:hover:bg-gray-800", children: [_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5 rtl:-scale-x-100", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6.75 15.75L3 12m0 0l3.75-3.75M3 12h18" }) }), _jsx("span", { children: "previous" })] }), _jsx("div", { className: "items-center hidden lg:flex gap-x-3", children: Array.from({ length: totalPages }, (_, index) => (_jsx("button", { onClick: () => handlePageClick(index + 1), className: `px-2 py-1 text-sm ${currentPage === index + 1
|
105
105
|
? "text-blue-500 bg-blue-100"
|
106
|
-
: "text-gray-500 hover:bg-gray-100"} rounded-md`, children: index + 1 }, index + 1))) }), _jsxs("button", { onClick: handleNextPage, disabled: currentPage === totalPages, className: "flex items-center px-5 py-2 text-sm text-gray-700 capitalize transition-colors duration-200 bg-white border rounded-md gap-x-2 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:border-gray-700 dark:hover:bg-gray-800", children: [_jsx("span", { children: "Next" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5 rtl:-scale-x-100", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" }) })] })] })
|
106
|
+
: "text-gray-500 hover:bg-gray-100"} rounded-md`, children: index + 1 }, index + 1))) }), _jsxs("button", { onClick: handleNextPage, disabled: currentPage === totalPages, className: "flex items-center px-5 py-2 text-sm text-gray-700 capitalize transition-colors duration-200 bg-white border rounded-md gap-x-2 hover:bg-gray-100 dark:bg-gray-900 dark:text-gray-200 dark:border-gray-700 dark:hover:bg-gray-800", children: [_jsx("span", { children: "Next" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", className: "w-5 h-5 rtl:-scale-x-100", children: _jsx("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3" }) })] })] })] }), _jsx("div", { className: "inset-0 bg-gray-800 bg-opacity-50 z-50 transition-opacity duration-300", children: _jsxs("div", { className: `fixed top-0 right-0 h-full w-[300px] bg-white p-4 rounded-md shadow-lg transform transition-transform duration-500 ease-in-out
|
107
107
|
${filterModal ? "translate-x-0" : "translate-x-full"}`, children: [_jsx("h1", { className: "text-2xl md:text-3xl font-bold text-blue-600 mb-4 md:mb-6", children: "Filter" }), _jsx("button", { onClick: () => setFilterModal(false), className: "absolute top-1 right-3 text-gray-400 hover:text-gray-600 text-2xl", children: "\u00D7" }), _jsxs("div", { className: "flex flex-col", children: [_jsxs("div", { className: "mb-4 flex flex-col", children: [_jsx("label", { className: "block text-gray-700 mb-2", children: "Role Type" }), _jsx("div", { className: "w-full", children: _jsxs("select", { value: Number(selectedRoleType), onChange: handleRoleTypeChange, required: true, className: "w-full px-4 py-2 text-gray-800 bg-white border border-gray-400 rounded-md dark:bg-gray-800 dark:text-gray-300 dark:border-gray-800 focus:border-blue-400 focus:ring-blue-300 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring", children: [_jsx("option", { value: "", children: "All" }), _jsx("option", { value: "1", children: "Guest" }), _jsx("option", { value: "2", children: "Admin" })] }) })] }), _jsx("div", { className: "flex flex-row gap-3", children: _jsx("button", { onClick: resetFilter, className: "mt-2 px-4 py-2 bg-blue-500 text-white rounded-md w-32", children: "Reset" }) })] })] }) })] }));
|
108
108
|
};
|
109
109
|
export default Users;
|
@@ -1,7 +1,8 @@
|
|
1
|
-
import React from "react";
|
2
1
|
interface FooterProps {
|
3
2
|
companyName?: string;
|
4
3
|
isDarkMode?: boolean;
|
4
|
+
img?: string;
|
5
|
+
name?: string;
|
5
6
|
}
|
6
|
-
declare const Footer:
|
7
|
+
declare const Footer: ({ companyName, isDarkMode, img, name }: FooterProps) => import("react/jsx-runtime").JSX.Element;
|
7
8
|
export default Footer;
|
@@ -28,16 +28,15 @@ const data = [
|
|
28
28
|
],
|
29
29
|
},
|
30
30
|
];
|
31
|
-
const Footer = ({ companyName
|
31
|
+
const Footer = ({ companyName, isDarkMode, img, name }) => {
|
32
32
|
const handleNavigation = (event, path) => {
|
33
33
|
event.preventDefault();
|
34
34
|
window.history.pushState({}, "", path);
|
35
35
|
window.dispatchEvent(new PopStateEvent("popstate"));
|
36
36
|
};
|
37
37
|
const groups = data.map((group) => (_jsxs("div", { children: [_jsx("h3", { className: `${isDarkMode ? " text-[#ffff]" : " text-[#000000]"} text-lg font-bold mb-3`, children: group.title }), _jsx("ul", { children: group.links.map((link, index) => (_jsx("li", { className: "mb-2", children: _jsx("a", { href: link.link, onClick: (event) => handleNavigation(event, link.link), className: `${isDarkMode ? "text-[#B8B8B8]" : "bg-[#f8f9fa] text-[#b69B96]"} cursor-pointer hover:text-blue-200 hover:underline`, children: link.label }) }, index))) })] }, group.title)));
|
38
|
-
const thisName = "Barelvi";
|
39
38
|
return (_jsxs("footer", { className: `${isDarkMode
|
40
39
|
? "bg-[#2e2e2e] lg:border-t lg:border-[#3b3b3b] md:border-t md:border-[#3b3b3b]"
|
41
|
-
: "bg-[#f8f9fa] border-t border-[#E9ECEF]"} py-8`, children: [_jsxs("div", { className: "container mx-auto px-6 flex flex-col lg:flex-row lg:justify-between items-center", children: [_jsxs("div", { className: "flex flex-col items-center lg:items-start lg:mb-0 ", children: [_jsx("img", { src:
|
40
|
+
: "bg-[#f8f9fa] border-t border-[#E9ECEF]"} py-8`, children: [_jsxs("div", { className: "container mx-auto px-6 flex flex-col lg:flex-row lg:justify-between items-center", children: [_jsxs("div", { className: "flex flex-col items-center lg:items-start lg:mb-0 ", children: [_jsx("img", { src: img, alt: "Logo", className: "w-16 h-16 mb-0" }), _jsx("span", { className: "text-transparent bg-clip-text font-extrabold text-[18px] ml-2 bg-gradient-to-r from-[#FD6E6A] to-[#FFC600]", children: name })] }), _jsx("div", { className: "hidden md:flex md:flex:row md:mt-4 lg:flex lg:flex-row justify-between w-full lg:w-1/2 ", children: groups })] }), _jsx("div", { className: `${isDarkMode ? "border-t border-[#424242]" : "border-t border-[#e9efec]"} py-4 mt-4 justify-between`, children: _jsxs("div", { className: "container mx-auto text-[#828282] text-sm px-6 text-center lg:flex lg:justify-between md:flex md:justify-between", children: [_jsxs("p", { children: ["\u00A9 2024 ", name, ". All rights reserved."] }), _jsxs("p", { children: ["Developed By:", " ", _jsx("a", { href: "http://www.11.Solutions", target: "_blank", rel: "noreferrer", className: "text-blue-300 hover:underline", children: companyName })] })] }) })] }));
|
42
41
|
};
|
43
42
|
export default Footer;
|
@@ -1,4 +1,3 @@
|
|
1
|
-
export { default as Navbar } from "./Navbar";
|
2
1
|
export { default as Footer } from "./footer/Footer";
|
3
2
|
export { default as Terms } from "./footer/Terms";
|
4
3
|
export { default as Privacy } from "./footer/Privacy";
|
@@ -9,9 +8,11 @@ export { default as UserForm } from "./admin/UserForm";
|
|
9
8
|
export { default as Taxionomies } from "./admin/Taxionomies";
|
10
9
|
export { default as TaxonomyForm } from "./admin/TaxonomyForm";
|
11
10
|
export { default as Template } from "./admin/Template";
|
12
|
-
export { default as
|
11
|
+
export { default as TemplateFrom } from "./admin/TemplateForm";
|
13
12
|
export { default as Editor } from "./admin/Editor";
|
14
13
|
export { default as AdminSideBar } from "./admin/Sidebar";
|
15
14
|
export { default as Dashboard } from "./admin/Dashboard";
|
16
15
|
export { registerApi, loginApi } from "./api/api";
|
16
|
+
export { default as userSlice } from "./redux/slices/userSlice";
|
17
|
+
export { getProfileApi, updateProfileApi } from "./api/updateuser";
|
17
18
|
export { default as UpdateUserDetails } from "./useraccount/UpdateUserDetails";
|
package/dist/components/index.js
CHANGED
@@ -1,5 +1,4 @@
|
|
1
1
|
// Exports for components
|
2
|
-
export { default as Navbar } from "./Navbar";
|
3
2
|
export { default as Footer } from "./footer/Footer";
|
4
3
|
export { default as Terms } from "./footer/Terms";
|
5
4
|
export { default as Privacy } from "./footer/Privacy";
|
@@ -10,9 +9,11 @@ export { default as UserForm } from "./admin/UserForm";
|
|
10
9
|
export { default as Taxionomies } from "./admin/Taxionomies";
|
11
10
|
export { default as TaxonomyForm } from "./admin/TaxonomyForm";
|
12
11
|
export { default as Template } from "./admin/Template";
|
13
|
-
export { default as
|
12
|
+
export { default as TemplateFrom } from "./admin/TemplateForm";
|
14
13
|
export { default as Editor } from "./admin/Editor";
|
15
14
|
export { default as AdminSideBar } from "./admin/Sidebar";
|
16
15
|
export { default as Dashboard } from "./admin/Dashboard";
|
17
16
|
export { registerApi, loginApi } from "./api/api";
|
17
|
+
export { default as userSlice } from "./redux/slices/userSlice";
|
18
|
+
export { getProfileApi, updateProfileApi } from "./api/updateuser";
|
18
19
|
export { default as UpdateUserDetails } from "./useraccount/UpdateUserDetails";
|
@@ -22,6 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
22
22
|
import { useGoogleLogin } from "@react-oauth/google";
|
23
23
|
import axios from "axios";
|
24
24
|
import Cookies from "universal-cookie";
|
25
|
+
import setCookie from "./Setcookie";
|
25
26
|
function GoogleIcon(props) {
|
26
27
|
return (_jsxs("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", preserveAspectRatio: "xMidYMid", viewBox: "0 0 256 262", className: "w-4 h-4" }, props, { children: [_jsx("path", { fill: "#4285F4", d: "M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027" }), _jsx("path", { fill: "#34A853", d: "M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1" }), _jsx("path", { fill: "#FBBC05", d: "M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782" }), _jsx("path", { fill: "#EB4335", d: "M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251" })] })));
|
27
28
|
}
|
@@ -33,7 +34,9 @@ function GoogleButton(_a) {
|
|
33
34
|
const response = yield axios.post(`${url}/login`, { type: 2 }, { headers: { Authorization: `Bearer ${tokenResponse.access_token}` } });
|
34
35
|
if (response.data.token) {
|
35
36
|
const cookies = new Cookies();
|
36
|
-
cookies.set("authToken", response.data.token, { maxAge: 86400 });
|
37
|
+
// cookies.set("authToken", response.data.token, { maxAge: 86400 });
|
38
|
+
// dispatch(loginUser(url, email, password));
|
39
|
+
setCookie(response.data.token);
|
37
40
|
window.location.href = "/home";
|
38
41
|
}
|
39
42
|
if (onClose)
|
@@ -7,6 +7,8 @@ interface HeaderProps {
|
|
7
7
|
img: string;
|
8
8
|
name: string;
|
9
9
|
userdetails: any;
|
10
|
+
menugroups: any;
|
11
|
+
donationHistory: any;
|
10
12
|
}
|
11
|
-
declare const Header: ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name, userdetails, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
13
|
+
declare const Header: ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name, userdetails, menugroups, donationHistory, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
|
12
14
|
export default Header;
|
@@ -12,88 +12,192 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
13
13
|
import { CiLight, CiDark } from "react-icons/ci";
|
14
14
|
import { RxPerson } from "react-icons/rx";
|
15
|
-
import Cookies from "universal-cookie";
|
16
15
|
import { useState } from "react";
|
17
16
|
import UpdateUserDetails from "../useraccount/UpdateUserDetails";
|
17
|
+
import { useDispatch } from "react-redux";
|
18
|
+
import { clearProfileData } from "../redux/slices/userSlice";
|
19
|
+
import { MdArrowDropDown } from "react-icons/md";
|
20
|
+
import { MdArrowDropUp } from "react-icons/md";
|
18
21
|
const IconWrapper = (_a) => {
|
19
22
|
var { className } = _a, props = __rest(_a, ["className"]);
|
20
23
|
return (_jsx("div", { className: className, children: _jsx(RxPerson, Object.assign({}, props)) }));
|
21
24
|
};
|
22
|
-
const Header = ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name, userdetails, }) => {
|
25
|
+
const Header = ({ toggleTheme, isDarkMode, userLogedin, userType, url, img, name, userdetails, menugroups, donationHistory, }) => {
|
23
26
|
const [isOpen, setIsOpen] = useState(false);
|
24
27
|
const [usermodalopen, setusermodalopen] = useState(false);
|
25
28
|
const [showUserCard, setShowUserCard] = useState(false);
|
29
|
+
const [isDepartmentsHovered, setIsDepartmentsHovered] = useState(false);
|
30
|
+
const [showJRMCard, setShowJRMCard] = useState(false);
|
31
|
+
const [showOnlineCard, setShowOnlineCard] = useState(false);
|
32
|
+
const handleDropdownToggle = (event) => {
|
33
|
+
event.preventDefault();
|
34
|
+
setIsDepartmentsHovered(!isDepartmentsHovered);
|
35
|
+
};
|
26
36
|
const handleNavigation = (event, path) => {
|
27
37
|
event.preventDefault();
|
28
38
|
window.history.pushState({}, "", path);
|
29
39
|
window.dispatchEvent(new PopStateEvent("popstate"));
|
30
40
|
};
|
31
|
-
// console.log("logged", userLogedin);
|
32
41
|
const isActive = (path) => window.location.pathname === path;
|
33
42
|
const handleDark = () => {
|
34
43
|
toggleTheme();
|
35
44
|
};
|
36
|
-
|
45
|
+
const dispatch = useDispatch();
|
37
46
|
const handleLogout = () => {
|
38
|
-
const cookies = new Cookies();
|
39
|
-
const token = cookies.get("authToken");
|
40
|
-
if (token) {
|
41
|
-
|
42
|
-
|
43
|
-
}
|
47
|
+
// const cookies = new Cookies();
|
48
|
+
// const token = cookies.get("authToken");
|
49
|
+
// if (token) {
|
50
|
+
// cookies.remove("authToken", { path: "/" });
|
51
|
+
// window.location.href = "/home";
|
52
|
+
// }
|
53
|
+
dispatch(clearProfileData());
|
44
54
|
};
|
45
55
|
const handleUser = () => {
|
46
56
|
setusermodalopen(true);
|
47
57
|
setIsOpen(false);
|
48
58
|
};
|
49
|
-
return (_jsxs("header", { className: `
|
59
|
+
return (_jsxs("header", { className: ` ${isDarkMode
|
50
60
|
? "bg-globalBg border-b border-gray-700"
|
51
|
-
: "bg-white border-b border-gray-200"}`, children: [_jsx("div", { className: ` pl-
|
61
|
+
: "bg-white border-b border-gray-200"}`, children: [_jsx("div", { className: ` pl-1 pr-2 mx-auto ${isDarkMode ? "bg-globalBg " : "bg-[#ffff]"}`, children: _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("div", { children: _jsxs("a", { href: "/home", onClick: (event) => handleNavigation(event, "/home"), className: "flex items-center justify-between", children: [_jsx("img", { className: "w-auto h-14 sm:h-10 md:h-14 lg:h-14", src: img, alt: "Logo" }), _jsx("span", { className: "text-transparent bg-clip-text font-extrabold text-[18px] ml-2.5 bg-gradient-to-r from-[#FD6E6A] to-[#FFC600]", children: name })] }) }), _jsx("div", { className: "md:hidden lg:hidden items-center", children: _jsx("button", { onClick: () => setIsOpen(!isOpen), type: "button", className: `${isDarkMode ? " text-white" : "text-black"}`, "aria-label": "toggle menu", children: !isOpen ? (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-6 h-6 ml-2 ", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 8h16M4 16h16" }) })) : (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "w-6 h-6 ml-2 ", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: "2", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" }) })) }) }), _jsx("div", { className: ` ${isOpen ? "translate-x-0" : "translate-x-full md:translate-x-0"}
|
52
62
|
transform transition-transform duration-300 ease-in-out w-full md:w-auto mt-20 md:mt-0 fixed md:relative top-0 right-0 md:top-auto md:bg-transparent md:h-auto z-50 md:z-auto ${isOpen
|
53
63
|
? isDarkMode
|
54
64
|
? "bg-[#2e2e2e] text-[#ffff]"
|
55
65
|
: "bg-[#ffff] text-black"
|
56
|
-
: ""}`, children: _jsxs("div", { className: " flex flex-col md:flex-row
|
66
|
+
: ""}`, children: _jsxs("div", { className: " flex flex-col md:flex-row md:items-center md:space-x-2 md:p-0 ", children: [_jsx("a", { href: "/home", onClick: (event) => {
|
67
|
+
setIsOpen(false);
|
68
|
+
handleNavigation(event, "/home");
|
69
|
+
}, className: `
|
70
|
+
py-1 px-2 md:px-1 rounded-[4px] font-semibold text-sm ${isActive("/home")
|
57
71
|
? "bg-blue-500 text-white"
|
58
72
|
: isDarkMode
|
59
73
|
? "text-white hover:bg-gray-600"
|
60
|
-
: "text-
|
74
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "Home" }), _jsx("a", { href: "/about", onClick: (event) => {
|
75
|
+
setIsOpen(false);
|
76
|
+
handleNavigation(event, "/about");
|
77
|
+
}, className: `
|
78
|
+
py-1 px-2 md:px-1 rounded-[4px] font-semibold text-sm ${isActive("/about")
|
61
79
|
? "bg-blue-500 text-white"
|
62
80
|
: isDarkMode
|
63
81
|
? "text-white hover:bg-gray-600"
|
64
|
-
: "text-
|
82
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "About Us" }), (menugroups === null || menugroups === void 0 ? void 0 : menugroups.length) > 0 && (_jsx("div", { className: "flex flex-col md:flex-row md:gap-2", children: menugroups.map((item, index) => (item.label === "Departments" ? (_jsxs("div", { className: "relative", onMouseEnter: () => setIsDepartmentsHovered(true), children: [_jsxs("a", { className: `py-1 px-2 md:px-1 rounded-[4px] flex justify-between font-semibold text-sm ${isActive("/seealldepartments")
|
83
|
+
? "bg-blue-500 text-white"
|
84
|
+
: isDarkMode
|
85
|
+
? "text-white hover:bg-gray-600"
|
86
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: [_jsx("a", { href: "/seealldepartments", onClick: (event) => {
|
87
|
+
setIsOpen(false);
|
88
|
+
handleNavigation(event, "/seealldepartments");
|
89
|
+
}, children: item.label }), isDepartmentsHovered ? (_jsx(MdArrowDropUp, { className: "w-6 h-6", onClick: handleDropdownToggle })) : (_jsx(MdArrowDropDown, { className: "w-6 h-6", onClick: handleDropdownToggle }))] }), (isDepartmentsHovered) && (_jsxs("div", { className: `md:absolute md:top-12 md:left-0 relative top-0 left-0 p-0 w-auto md:shadow-lg rounded-lg border border-gray-200 ${isDarkMode
|
90
|
+
? "bg-[#2e2e2e] border-gray-700"
|
91
|
+
: "bg-[#ffff] border-gray-200"}`, onMouseEnter: () => setIsDepartmentsHovered(true), onMouseLeave: () => setIsDepartmentsHovered(false), children: [_jsx("p", { onClick: (event) => {
|
92
|
+
setIsOpen(false);
|
93
|
+
handleNavigation(event, "/jamiaturraza");
|
94
|
+
}, className: `cursor-pointer block px-4 py-2 rounded-md font-semibold hover:bg-blue-400 transition-colors duration-200 whitespace-nowrap ${isDarkMode
|
95
|
+
? "text-white hover:bg-gray-600"
|
96
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "Centre of Islamic studies" }), _jsx("p", { onClick: (event) => {
|
97
|
+
setIsOpen(false);
|
98
|
+
handleNavigation(event, "/sharaeecouncilindia");
|
99
|
+
}, className: `cursor-pointer block px-4 py-2 font-semibold rounded-md hover:bg-blue-400 transition-colors duration-200 whitespace-nowrap ${isDarkMode
|
100
|
+
? "text-white hover:bg-gray-600"
|
101
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "The Shar\u2019ee Council of India" }), _jsxs("div", { className: `relative ${isDarkMode
|
102
|
+
? "bg-[#2e2e2e] border-gray-700"
|
103
|
+
: "bg-[#ffff] border-gray-200"}`, children: [_jsxs("p", { className: `relative cursor-pointer px-4 py-2 flex justify-between block font-semibold rounded-md transition-colors duration-200 whitespace-nowrap ${isDarkMode
|
104
|
+
? "text-white hover:bg-gray-600"
|
105
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: [_jsx("p", { onClick: (event) => {
|
106
|
+
setIsOpen(false);
|
107
|
+
handleNavigation(event, "/jamaterazamustafa");
|
108
|
+
}, children: "Jamat Raza-e-Mustafa" }), showJRMCard ? (_jsx(MdArrowDropUp, { className: "w-7 h-7", onClick: () => setShowJRMCard(false) })) : (_jsx(MdArrowDropDown, { className: "w-7 h-7", onClick: () => setShowJRMCard(true) }))] }), showJRMCard && (_jsxs("div", { className: `px-4 rounded-lg cursor-pointer block font-semibold rounded-md transition-colors duration-200 whitespace-nowrap ${isDarkMode
|
109
|
+
? "bg-[#2e2e2e] border-gray-700"
|
110
|
+
: "bg-[#ffff] border-gray-200"}`, children: [_jsxs("div", { className: `font-semibold flex justify-between rounded-md transition-colors pl-5 py-2 ${isDarkMode
|
111
|
+
? "text-white bg-[#2e2e2e] hover:bg-gray-600"
|
112
|
+
: "text-[#495057] bg-[#ffff] hover:bg-gray-200"}`, children: ["online", showOnlineCard ? (_jsx(MdArrowDropUp, { className: "w-7 h-7", onClick: () => setShowOnlineCard(false) })) : (_jsx(MdArrowDropDown, { className: "w-7 h-7", onClick: () => setShowOnlineCard(true) }))] }), showOnlineCard && (_jsx("div", { onClick: (event) => {
|
113
|
+
setIsOpen(false);
|
114
|
+
handleNavigation(event, "/jrm/online/registration");
|
115
|
+
}, className: `font-semibold rounded-md transition-colors px-10 py-2 ${isDarkMode
|
116
|
+
? "text-white bg-[#2e2e2e] hover:bg-gray-600"
|
117
|
+
: "text-[#495057] bg-[#ffff] hover:bg-gray-200"}`, children: "Registration" }))] }))] }), _jsx("p", { onClick: (event) => {
|
118
|
+
setIsOpen(false);
|
119
|
+
handleNavigation(event, "/sunniduniya");
|
120
|
+
}, className: `cursor-pointer block px-4 py-2 font-semibold rounded-md hover:bg-blue-400 transition-colors duration-200 whitespace-nowrap ${isDarkMode
|
121
|
+
? "text-white hover:bg-gray-600"
|
122
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "Monthly Sunni Duniya" }), _jsx("p", { onClick: (event) => {
|
123
|
+
setIsOpen(false);
|
124
|
+
handleNavigation(event, "/markazidarulifta");
|
125
|
+
}, className: `cursor-pointer block px-4 py-2 font-semibold rounded-md hover:bg-blue-400 transition-colors duration-200 whitespace-nowrap ${isDarkMode
|
126
|
+
? "text-white hover:bg-gray-600"
|
127
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "Markazi Darul Ifta" })] }))] }, index)) : (_jsx("p", { onClick: () => {
|
128
|
+
var _a;
|
129
|
+
(_a = item.onClick) === null || _a === void 0 ? void 0 : _a.call(item);
|
130
|
+
setIsOpen(false);
|
131
|
+
}, className: `cursor-pointer py-1 px-2 md:px-1 rounded-[4px] font-semibold text-sm
|
132
|
+
${isActive(item.path)
|
133
|
+
? "bg-blue-500 text-white"
|
134
|
+
: isDarkMode
|
135
|
+
? "text-white hover:bg-gray-600"
|
136
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: item.label }, index)))) })), _jsx("a", { href: "/contact", onClick: (event) => {
|
137
|
+
setIsOpen(false);
|
138
|
+
handleNavigation(event, "/contact");
|
139
|
+
}, className: `
|
140
|
+
py-1 px-2 md:px-1 rounded-[4px] font-semibold text-sm ${isActive("/contact")
|
65
141
|
? "bg-blue-500 text-white"
|
66
142
|
: isDarkMode
|
67
143
|
? "text-white hover:bg-gray-600"
|
68
|
-
: "text-
|
144
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "Contact Us" }), userLogedin ? (_jsxs("div", { children: [_jsx("div", { className: `p-1 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-12 right-0 p-2 w-52 shadow-lg rounded-lg border border-gray-200 hidden sm:block ${isDarkMode
|
69
145
|
? "bg-[#2e2e2e] border-gray-700"
|
70
|
-
: "bg-[#ffff] border-gray-200"}`, onMouseEnter: () => setShowUserCard(true), onMouseLeave: () => setShowUserCard(false), children: [
|
146
|
+
: "bg-[#ffff] border-gray-200"}`, onMouseEnter: () => setShowUserCard(true), onMouseLeave: () => setShowUserCard(false), children: [(userdetails === null || userdetails === void 0 ? void 0 : userdetails.roleType) === 2 && (_jsx("p", { onClick: (event) => {
|
71
147
|
handleNavigation(event, "/admin");
|
72
148
|
event.currentTarget.parentElement.classList.add("hidden");
|
73
|
-
}, className: `cursor-pointer block px-
|
149
|
+
}, className: `cursor-pointer block px-2 py-1 rounded-md font-semibold hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
|
74
150
|
? "text-white hover:bg-gray-600"
|
75
|
-
: "text-
|
151
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "Admin" })), _jsx("p", { onClick: (event) => {
|
76
152
|
setusermodalopen(true);
|
77
153
|
event.currentTarget.parentElement.classList.add("hidden");
|
78
|
-
}, className: `cursor-pointer block px-
|
154
|
+
}, className: `cursor-pointer block px-2 py-1 font-semibold rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
|
79
155
|
? "text-white hover:bg-gray-600"
|
80
|
-
: "text-
|
81
|
-
|
82
|
-
|
83
|
-
}, className: `cursor-pointer block px-4 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
|
156
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "Update Details" }), (donationHistory === null || donationHistory === void 0 ? void 0 : donationHistory.label) && (_jsx("p", { onClick: donationHistory.onClick, className: `cursor-pointer block px-2 py-1 font-semibold rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
|
157
|
+
? "text-white hover:bg-gray-600"
|
158
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: donationHistory.label })), _jsx("p", { onClick: handleLogout, className: `cursor-pointer block px-2 py-1 font-semibold rounded-md hover:bg-blue-400 transition-colors duration-200 ${isDarkMode
|
84
159
|
? "text-white hover:bg-gray-600"
|
85
|
-
: "text-
|
160
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "Logout" })] })), _jsxs("div", { className: "sm:hidden", children: [(userdetails === null || userdetails === void 0 ? void 0 : userdetails.roleType) === 2 && (_jsx("p", { onClick: (event) => {
|
161
|
+
setIsOpen(false);
|
162
|
+
handleNavigation(event, "/admin");
|
163
|
+
}, className: `
|
164
|
+
py-1 px-2 md:px-1 rounded-[4px] font-semibold text-sm
|
165
|
+
? "bg-blue-500 text-white"
|
166
|
+
${isDarkMode
|
86
167
|
? "text-white hover:bg-gray-600"
|
87
|
-
: "text-
|
168
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "Admin" })), _jsx("p", { onClick: handleUser, className: `
|
169
|
+
py-1 px-2 md:px-1 rounded-[4px] font-semibold text-sm
|
170
|
+
? "bg-blue-500 text-white"
|
171
|
+
${isDarkMode
|
88
172
|
? "text-white hover:bg-gray-600"
|
89
|
-
: "text-
|
173
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "Update Details" }), (donationHistory === null || donationHistory === void 0 ? void 0 : donationHistory.label) && (_jsx("p", { onClick: () => {
|
174
|
+
var _a;
|
175
|
+
(_a = donationHistory.onClick) === null || _a === void 0 ? void 0 : _a.call(donationHistory);
|
176
|
+
setIsOpen(false);
|
177
|
+
}, className: `
|
178
|
+
py-1 px-2 md:px-1 rounded-[4px] font-semibold text-sm
|
179
|
+
${isActive(donationHistory.path)
|
180
|
+
? "bg-blue-500 text-white"
|
181
|
+
: isDarkMode
|
182
|
+
? "text-white hover:bg-gray-600"
|
183
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: donationHistory.label })), _jsx("p", { onClick: handleLogout, className: `
|
184
|
+
py-1 px-2 md:px-1 rounded-[4px] font-semibold text-sm
|
185
|
+
? "bg-blue-500 text-white"
|
186
|
+
${isDarkMode
|
90
187
|
? "text-white hover:bg-gray-600"
|
91
|
-
: "text-
|
188
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "Logout" })] })] })) : (_jsx("a", { href: "/login", onClick: (event) => {
|
189
|
+
setIsOpen(false);
|
190
|
+
handleNavigation(event, "/login");
|
191
|
+
}, className: `
|
192
|
+
py-1 px-2 md:px-1 rounded-[4px] font-semibold text-sm ${isActive("/login")
|
92
193
|
? "bg-blue-500 text-white"
|
93
194
|
: isDarkMode
|
94
195
|
? "text-white hover:bg-gray-600"
|
95
|
-
: "text-
|
96
|
-
|
97
|
-
|
196
|
+
: "text-[#495057] hover:bg-gray-200"}`, children: "Login" })), _jsx("button", { onClick: () => {
|
197
|
+
toggleTheme();
|
198
|
+
setIsOpen(false);
|
199
|
+
}, className: ` ml-2 lg:px-1 lg:py-1 md:border rounded-[4.5px] transition-transform transform hover:scale-95 duration-300 ${isDarkMode
|
200
|
+
? "text-white border-yellow-500 "
|
201
|
+
: "text-black border-blue-500"} `, children: isDarkMode ? (_jsx(CiLight, { size: 20, color: "yellow" })) : (_jsx(CiDark, { size: 20, color: "blue" })) })] }) })] }) }), _jsx(UpdateUserDetails, { usermodalopen: usermodalopen, closeusermodal: () => setusermodalopen(false), url: url, isDarkMode: isDarkMode, userdetails: userdetails })] }));
|
98
202
|
};
|
99
203
|
export default Header;
|
@@ -3,6 +3,7 @@ interface LoginProps {
|
|
3
3
|
closeModal: () => void;
|
4
4
|
url: string;
|
5
5
|
isDarkMode: boolean;
|
6
|
+
img: string;
|
6
7
|
}
|
7
|
-
declare const Login: ({ ModalOpen, closeModal, url, isDarkMode }: LoginProps) => import("react/jsx-runtime").JSX.Element;
|
8
|
+
declare const Login: ({ ModalOpen, closeModal, url, isDarkMode, img }: LoginProps) => import("react/jsx-runtime").JSX.Element;
|
8
9
|
export default Login;
|