eleven-solutions-common-website-unique-web 21.0.56 → 22.0.0

package/src/components/footer/Terms.tsx

@@ -1,156 +0,0 @@
-import React from 'react';
-// import { ThemeContext } from "../theme/ThemeProvider";
-// import { useContext } from 'react';
-
-export function TermsAndC({isDarkMode}) {
-//   const themeContext = useContext(ThemeContext);
-
-//   if (!themeContext) {
-//     throw new Error("ThemeContext must be used within a ThemeProvider");
-//   }
-
-//   const { isDarkMode } = themeContext;
-
-  return (
-    <div
-      className={`container md:mx-auto min-h-[70vh] p-4 text-justify lg:px-72 lg:text-justify ${
-        isDarkMode ? "bg-globalBg text-[#ffff]" : "bg-white text-black"
-      }`}
-    >
-      <h2
-        className={`font-extrabold mb-4 text-2xl lg:text-center md:text-center ${
-          isDarkMode ? "text-blue-300" : "text-blue-400"
-        }`}
-      >
-        Terms and Conditions
-      </h2>
-      <p className="text-sm mt-4">
-        Welcome to TajushShariah Foundation - Islamic Trust For Donation. By accessing our website, making a donation, or using our services, you agree to comply with and be bound by the following Terms and Conditions. If you do not agree with these terms, please do not use our website or services.
-      </p>
-
-      <h5
-        className={`text-base font-semibold mt-6 ${
-          isDarkMode ? "text-yellow-300" : "text-black"
-        }`}
-      >
-        1. Donation Policy
-      </h5>
-      <p className="text-sm mt-2">
-        <strong className={`${isDarkMode ? "text-blue-400" : "text-black"}`}>
-          Eligibility:{" "}
-        </strong>
-        By making a donation to TajushShariah Foundation, you confirm that you are legally capable of entering into a binding agreement.
-      </p>
-      <p className="text-sm mt-2">
-        <strong className={`${isDarkMode ? "text-blue-400" : "text-black"}`}>
-          Acceptance:{" "}
-        </strong>
-        We reserve the right to refuse or cancel any donation for any reason, including but not limited to issues with payment processing, suspicion of fraudulent activity, or violation of our policies.
-      </p>
-      <p className="text-sm mt-2">
-        <strong className={`${isDarkMode ? "text-blue-400" : "text-black"}`}>
-          Confirmation:{" "}
-        </strong>
-        Upon successful donation, you will receive a confirmation email. This email will serve as a receipt for your donation.
-      </p>
-
-      <h5
-        className={`text-base font-semibold mt-6 ${
-          isDarkMode ? "text-yellow-300" : "text-black"
-        }`}
-      >
-        2. User Accounts
-      </h5>
-      <p className="text-sm mt-2">
-        <strong className={`${isDarkMode ? "text-blue-400" : "text-black"}`}>
-          Creation:{" "}
-        </strong>
-        If you create an account on our website, you are responsible for maintaining the confidentiality of your account information, including your password.
-      </p>
-      <p className="text-sm mt-2">
-        <strong className={`${isDarkMode ? "text-blue-400" : "text-black"}`}>
-          Termination:{" "}
-        </strong>
-        We reserve the right to terminate or suspend your account at our discretion, without notice, if we believe you have violated these Terms and Conditions.
-      </p>
-
-      <h5
-        className={`text-base font-semibold mt-6 ${
-          isDarkMode ? "text-yellow-300" : "text-black"
-        }`}
-      >
-        3. Intellectual Property
-      </h5>
-      <p className="text-sm mt-2">
-        <strong className={`${isDarkMode ? "text-blue-400" : "text-black"}`}>
-          Ownership:{" "}
-        </strong>
-        All content on our website, including but not limited to text, graphics, logos, and images, is the property of TajushShariah Foundation and is protected by copyright and other intellectual property laws.
-      </p>
-      <p className="text-sm mt-2">
-        <strong className={`${isDarkMode ? "text-blue-400" : "text-black"}`}>
-          Use of Content:{" "}
-        </strong>
-        You may not reproduce, distribute, modify, or create derivative works from the content on our website without prior written consent from TajushShariah Foundation.
-      </p>
-
-      <h5
-        className={`text-base font-semibold mt-6 ${
-          isDarkMode ? "text-yellow-300" : "text-black"
-        }`}
-      >
-        4. Privacy Policy
-      </h5>
-      <p className="text-sm mt-2">
-        Your use of our website and services is also governed by our Privacy Policy. Please review our Privacy Policy to understand how we collect, use, and protect your personal information.
-      </p>
-
-      <h5
-        className={`text-base font-semibold mt-6 ${
-          isDarkMode ? "text-yellow-300" : "text-black"
-        }`}
-      >
-        5. Limitation of Liability
-      </h5>
-      <p className="text-sm mt-2">
-        <strong className={`${isDarkMode ? "text-blue-400" : "text-black"}`}>
-          Disclaimer:{" "}
-        </strong>
-        TajushShariah Foundation is not liable for any damages, losses, or expenses resulting from your use of our website or services.
-      </p>
-      <p className="text-sm mt-2">
-        <strong className={`${isDarkMode ? "text-blue-400" : "text-black"}`}>
-          Indemnification:{" "}
-        </strong>
-        You agree to indemnify and hold TajushShariah Foundation harmless from any claims, liabilities, or expenses arising from your use of our website or services.
-      </p>
-
-      <h5
-        className={`text-base font-semibold mt-6 ${
-          isDarkMode ? "text-yellow-300" : "text-black"
-        }`}
-      >
-        6. Governing Law
-      </h5>
-      <p className="text-sm mt-2">
-        These Terms and Conditions are governed by the laws of India. Any legal actions arising from or related to these terms will be filed in the appropriate courts within India.
-      </p>
-
-      <h5
-        className={`text-base font-semibold mt-6 ${
-          isDarkMode ? "text-yellow-300" : "text-black"
-        }`}
-      >
-        7. Changes to Terms and Conditions
-      </h5>
-      <p className="text-sm mt-2">
-        We reserve the right to update or modify these Terms and Conditions at any time. Changes will be effective upon posting the revised terms on our website.
-      </p>
-      <p className="text-sm mb-6">
-        By using our website or services, you acknowledge that you have read, understood, and agreed to these Terms and Conditions.
-      </p>
-    </div>
-  );
-}
-
-export default TermsAndC;

package/src/components/index.ts

@@ -1,19 +0,0 @@
-// Exports for components
-export { default as Navbar } from "./Navbar";
-export { default as Footer } from "./footer/Footer";
-export { default as Terms } from "./footer/Terms";
-export { default as Privacy } from "./footer/Privacy";
-export { default as Login } from "./login/Login";
-export { default as Header } from "./login/Header";
-export { default as Users } from "./admin/Users";
-export { default as UserForm } from "./admin/UserForm";
-export { default as Taxionomies } from "./admin/Taxionomies";
-export { default as TaxonomyForm } from "./admin/TaxonomyForm";
-export { default as Template } from "./admin/Template";
-export { default as TemplateForm } from "./admin/TemplateForm";
-export { default as Editor } from "./admin/Editor";
-export { default as AdminSideBar } from "./admin/Sidebar";
-export { default as Dashboard } from "./admin/Dashboard";
-export { registerApi, loginApi } from "./api/api";
-
-export { default as UpdateUserDetails } from "./useraccount/UpdateUserDetails";

package/src/components/login/GoogleButton.tsx

@@ -1,85 +0,0 @@
-import { useGoogleLogin } from "@react-oauth/google";
-import axios from "axios";
-import React from "react";
-import Cookies from "universal-cookie";
-
-// Define the shape of the response data
-interface LoginResponse {
-  token: string;
-}
-
-function GoogleIcon(props: React.ComponentPropsWithoutRef<"svg">) {
-  return (
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      preserveAspectRatio="xMidYMid"
-      viewBox="0 0 256 262"
-      className="w-4 h-4"
-      {...props}
-    >
-      <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"
-      />
-      <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"
-      />
-      <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"
-      />
-      <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"
-      />
-    </svg>
-  );
-}
-
-function GoogleButton({
-  onClose,
-  url,
-  ...props
-}: React.ComponentPropsWithoutRef<"button"> & {
-  onClose: () => void;
-  url: string;
-}) {
-  const googleLogin = useGoogleLogin({
-    onSuccess: async (tokenResponse) => {
-      try {
-        const response = await axios.post<LoginResponse>(
-          `${url}/login`,
-          { type: 2 },
-          { headers: { Authorization: `Bearer ${tokenResponse.access_token}` } }
-        );
-
-        if (response.data.token) {
-          const cookies = new Cookies();
-          cookies.set("authToken", response.data.token, { maxAge: 86400 });
-          window.location.href = "/home";
-        }
-
-        if (onClose) onClose();
-      } catch (error) {
-        console.error(error);
-      }
-    },
-    onError: (errorResponse) => console.error(errorResponse),
-  });
-
-  return (
-    <button
-      onClick={() => googleLogin()}
-      className="w-full h-10 mt-4 bg-[#ffff] text-black border border-gray-300 rounded-3xl"
-      {...props}
-    >
-      <div className="flex flex-row items-center justify-center gap-3">
-        <GoogleIcon />
-        <span className="font-medium">Sign in with Google</span>
-      </div>
-    </button>
-  );
-}
-
-export default GoogleButton;

package/src/components/login/Header.tsx

@@ -1,340 +0,0 @@
-import React from "react";
-import { CiLight, CiDark } from "react-icons/ci";
-import { RxPerson } from "react-icons/rx";
-import Cookies from "universal-cookie";
-import { FC, useState } from "react";
-import UpdateUserDetails from "../useraccount/UpdateUserDetails";
-
-interface HeaderProps {
-  toggleTheme;
-  userLogedin;
-  userType;
-  url: string;
-  isDarkMode: boolean;
-  img: string;
-  name: string;
-  userdetails;
-}
-
-interface IconProps extends React.SVGProps<SVGSVGElement> {
-  className?: string;
-}
-
-const IconWrapper: FC<IconProps> = ({ className, ...props }) => (
-  <div className={className}>
-    <RxPerson {...props} />
-  </div>
-);
-
-const Header = ({
-  toggleTheme,
-  isDarkMode,
-  userLogedin,
-  userType,
-  url,
-  img,
-  name,
-  userdetails,
-}: HeaderProps) => {
-  const [isOpen, setIsOpen] = useState(false);
-  const [usermodalopen, setusermodalopen] = useState(false);
-  const [showUserCard, setShowUserCard] = useState(false);
-  const handleNavigation = (event, path) => {
-    event.preventDefault();
-    window.history.pushState({}, "", path);
-    window.dispatchEvent(new PopStateEvent("popstate"));
-  };
-  // console.log("logged", userLogedin);
-  const isActive = (path) => window.location.pathname === path;
-  const handleDark = () => {
-    toggleTheme();
-  };
-  // console.log("in common", userType.roleType);
-  const handleLogout = () => {
-    const cookies = new Cookies();
-    const token = cookies.get("authToken");
-    if (token) {
-      cookies.remove("authToken", { path: "/" });
-      window.location.href = "/home";
-    }
-  };
-  const handleUser = () => {
-    setusermodalopen(true);
-    setIsOpen(false);
-  };
-
-  return (
-    <header
-      className={`relative ${
-        isDarkMode
-          ? "bg-globalBg border-b border-gray-700"
-          : "bg-white border-b border-gray-200"
-      }`}
-    >
-      <div
-        className={` pl-4 pr-4 mx-auto ${
-          isDarkMode ? "bg-globalBg " : "bg-[#ffff]"
-        }`}
-      >
-        <div className="flex items-center justify-between ">
-          {/* Logo */}
-          <div>
-            <a
-              href="/home"
-              onClick={(event) => handleNavigation(event, "/home")}
-              className="flex items-center justify-between gap-4"
-            >
-              <img
-                className="w-auto h-14 sm:h-10 md:h-14 lg:h-14"
-                src={img}
-                alt="Logo"
-              />
-              <span className="text-2xl font-semibold bg-gradient-to-r from-red-500 to-yellow-400 bg-clip-text text-transparent">
-                {name}
-              </span>
-            </a>
-          </div>
-          <div className="md:hidden lg:hidden">
-            <button
-              onClick={() => setIsOpen(!isOpen)}
-              type="button"
-              className={`${isDarkMode ? " text-white" : "text-black"}`}
-              aria-label="toggle menu"
-            >
-              {!isOpen ? (
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  className="w-6 h-6"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke="currentColor"
-                  strokeWidth="2"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    d="M4 8h16M4 16h16"
-                  />
-                </svg>
-              ) : (
-                <svg
-                  xmlns="http://www.w3.org/2000/svg"
-                  className="w-6 h-6"
-                  fill="none"
-                  viewBox="0 0 24 24"
-                  stroke="currentColor"
-                  strokeWidth="2"
-                >
-                  <path
-                    strokeLinecap="round"
-                    strokeLinejoin="round"
-                    d="M6 18L18 6M6 6l12 12"
-                  />
-                </svg>
-              )}
-            </button>
-          </div>
-
-          <div
-            className={` ${
-              isOpen ? "translate-x-0" : "translate-x-full md:translate-x-0"
-            }  
-              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
-                  ? isDarkMode
-                    ? "bg-[#2e2e2e] text-[#ffff]"
-                    : "bg-[#ffff] text-black"
-                  : ""
-              }`}
-          >
-            <div className=" flex flex-col  md:flex-row md:items-center md:space-x-4 p-4 md:p-0 mr-3">
-              <a
-                href="/home"
-                onClick={(event) => handleNavigation(event, "/home")}
-                className={`px-2 py-1 rounded-md ${
-                  isActive("/home")
-                    ? "bg-blue-500 text-white"
-                    : isDarkMode
-                    ? "text-white hover:bg-gray-600"
-                    : "text-black hover:bg-gray-200"
-                }`}
-              >
-                Home
-              </a>
-              <a
-                href="/about"
-                onClick={(event) => handleNavigation(event, "/about")}
-                className={`px-2 py-1 rounded-md ${
-                  isActive("/about")
-                    ? "bg-blue-500 text-white"
-                    : isDarkMode
-                    ? "text-white hover:bg-gray-600"
-                    : "text-black hover:bg-gray-200"
-                }`}
-              >
-                About Us
-              </a>
-              <a
-                href="/contact"
-                onClick={(event) => handleNavigation(event, "/contact")}
-                className={`px-2 py-1 rounded-md ${
-                  isActive("/contact")
-                    ? "bg-blue-500 text-white"
-                    : isDarkMode
-                    ? "text-white hover:bg-gray-600"
-                    : "text-black hover:bg-gray-200"
-                }`}
-              >
-                Contact Us
-              </a>
-              {userLogedin ? (
-                <div className="relative">
-                  <div
-                    className={`px-3 py-1 h-20 rounded-md md:flex items-center  ${
-                      isDarkMode ? "text-white" : "text-black"
-                    } hidden `}
-                    onMouseEnter={() => setShowUserCard(true)}
-                  >
-                    <div className="w-6 h-6 flex items-center justify-center">
-                      <IconWrapper style={{ width: "50px", height: "20px" }} />
-                    </div>
-                  </div>
-
-                  {/* Dropdown menu */}
-                  {showUserCard && (
-                    <div
-                      className={`absolute top-16 right-0 p-2 w-52 shadow-lg rounded-lg border border-gray-200 hidden sm:block ${
-                        isDarkMode
-                          ? "bg-[#2e2e2e] border-gray-700"
-                          : "bg-[#ffff] border-gray-200"
-                      }`}
-                      onMouseEnter={() => setShowUserCard(true)}
-                      onMouseLeave={() => setShowUserCard(false)}
-                    >
-                      {userType === 2 && (
-                        <p
-                          onClick={(event) => {
-                            handleNavigation(event, "/admin");
-                            event.currentTarget.parentElement.classList.add(
-                              "hidden"
-                            );
-                          }}
-                          className={`cursor-pointer block px-4 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${
-                            isDarkMode
-                              ? "text-white hover:bg-gray-600"
-                              : "text-black hover:bg-gray-200"
-                          }`}
-                        >
-                          Admin
-                        </p>
-                      )}
-                      <p
-                        onClick={(event) => {
-                          setusermodalopen(true);
-                          event.currentTarget.parentElement.classList.add(
-                            "hidden"
-                          );
-                        }}
-                        className={`cursor-pointer block px-4 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${
-                          isDarkMode
-                            ? "text-white hover:bg-gray-600"
-                            : "text-black hover:bg-gray-200"
-                        }`}
-                      >
-                        Update Details
-                      </p>
-                      <p
-                        onClick={(event) => {
-                          handleLogout();
-                          event.currentTarget.parentElement.classList.add(
-                            "hidden"
-                          );
-                        }}
-                        className={`cursor-pointer block px-4 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${
-                          isDarkMode
-                            ? "text-white hover:bg-gray-600"
-                            : "text-black hover:bg-gray-200"
-                        }`}
-                      >
-                        Logout
-                      </p>
-                    </div>
-                  )}
-
-                  {/* Direct menu for mobile view */}
-                  <div className="sm:hidden">
-                    {userType === 2 && (
-                      <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
-                            ? "text-white hover:bg-gray-600"
-                            : "text-black hover:bg-gray-200"
-                        }`}
-                      >
-                        Admin
-                      </p>
-                    )}
-                    <p
-                      onClick={handleUser}
-                      className={`cursor-pointer block pl-2 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${
-                        isDarkMode
-                          ? "text-white hover:bg-gray-600"
-                          : "text-black hover:bg-gray-200"
-                      }`}
-                    >
-                      Update Details
-                    </p>
-                    <p
-                      onClick={handleLogout}
-                      className={`cursor-pointer block pl-2 py-2 rounded-md hover:bg-blue-400 transition-colors duration-200 ${
-                        isDarkMode
-                          ? "text-white hover:bg-gray-600"
-                          : "text-black hover:bg-gray-200"
-                      }`}
-                    >
-                      Logout
-                    </p>
-                  </div>
-                </div>
-              ) : (
-                <a
-                  href="/login"
-                  onClick={(event) => handleNavigation(event, "/login")}
-                  className={`px-2 py-1 rounded-md ${
-                    isActive("/login")
-                      ? "bg-blue-500 text-white"
-                      : isDarkMode
-                      ? "text-white hover:bg-gray-600"
-                      : "text-black hover:bg-gray-200"
-                  }`}
-                >
-                  Login
-                </a>
-              )}
-
-              <button
-                onClick={() => handleDark()}
-                className={`md:px-3 pl-1  py-1 md:border-2  rounded-md transition-transform transform hover:scale-95 duration-300 ${
-                  isDarkMode
-                    ? "text-white border-white"
-                    : "text-black border-black"
-                }`}
-              >
-                {isDarkMode ? <CiDark /> : <CiLight />}
-              </button>
-            </div>
-          </div>
-        </div>
-      </div>
-      <UpdateUserDetails
-        usermodalopen={usermodalopen}
-        closeusermodal={() => setusermodalopen(false)}
-        url={url}
-        isDarkMode={isDarkMode}
-      />
-    </header>
-  );
-};
-
-export default Header;