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

package/src/components/admin/Sidebar.tsx

@@ -1,102 +0,0 @@
-import React, { useState } from "react";
-import { FiMenu } from "react-icons/fi";
-
-interface Item {
-  icon: React.ReactNode;
-  label: string;
-  onClick: () => void;
-}
-
-interface Group {
-  heading: string;
-  items: Item[];
-}
-
-interface DashboardProps {
-  menuGroups: Group[];
-  logo: any;
-  iconName: string;
-}
-
-const Dashboard: React.FC<DashboardProps> = ({
-  menuGroups,
-  logo,
-  iconName,
-}) => {
-  const [isSidebarOpen, setIsSidebarOpen] = useState(false);
-  const [activeItem, setActiveItem] = useState<string | null>(null);
-
-  const toggleSidebar = () => {
-    setIsSidebarOpen((prev) => !prev);
-  };
-
-  const closeSidebar = () => {
-    setIsSidebarOpen(false);
-  };
-
-  const handleItemClick = (label: string, onClick: () => void) => {
-    setActiveItem(label);
-    onClick();
-    closeSidebar();
-  };
-
-  return (
-    <div className="relative h-full md:pr-6 md:py-4">
-      <button
-        className="block md:hidden p-2 text-gray-600 focus:outline-none"
-        onClick={toggleSidebar}
-      >
-        <FiMenu size={24} />
-      </button>
-
-      {isSidebarOpen && (
-        <div
-          className="fixed inset-0 bg-black opacity-50 md:hidden"
-          onClick={closeSidebar}
-        ></div>
-      )}
-
-      <div
-        className={`absolute md:relative top-0 left-0 z-20 h-full bg-white border-r pr-8 pl-5 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`}
-      >
-        <div
-          className="w-16 h-16 flex cursor-pointer"
-          onClick={() => (window.location.href = "/home")}
-        >
-          <img className="h-full w-full mx-auto" src={logo} alt="" />
-          <h2 className="text-2xl ml-1 my-auto font-semibold bg-gradient-to-r from-red-500 to-yellow-400 bg-clip-text text-transparent">
-            {iconName}
-          </h2>
-        </div>
-
-        {menuGroups.map((group, index) => (
-          <div key={index} className="my-10 space-y-2">
-            <span className="pl-3 text-sm text-gray-400 uppercase tracking-wider my-3">
-              {group.heading}
-            </span>
-            <ul className="space-y-2">
-              {group.items.map((item, idx) => (
-                <li
-                  key={idx}
-                  className={`pl-3 flex items-center space-x-3 cursor-pointer py-2 pr-2 rounded-lg transition duration-200 ${
-                    activeItem === item.label
-                      ? "bg-gray-300 text-gray-800"
-                      : "hover:bg-gray-100 text-gray-700"
-                  }`}
-                  onClick={() => handleItemClick(item.label, item.onClick)}
-                >
-                  <span className="text-gray-500 text-lg">{item.icon}</span>
-                  <span className="font-medium">{item.label}</span>
-                </li>
-              ))}
-            </ul>
-          </div>
-        ))}
-      </div>
-    </div>
-  );
-};
-
-export default Dashboard;

package/src/components/admin/Taxionomies.tsx

@@ -1,314 +0,0 @@
-import React from "react";
-import { useState, useEffect } from "react";
-
-import { FaPlus } from "react-icons/fa";
-import { fetchTaxonomiessApi } from "../api/taxonomy";
-
-interface TaxionomiesProps {
-  url: string;
-}
-
-const Taxionomies = ({ url }: TaxionomiesProps) => {
-  const [taxonomy, setTaxonomy] = useState<any[]>([]);
-
-  const fetchTaxonomiesData = async () => {
-    const data = await fetchTaxonomiessApi(url);
-    if (data) {
-      const uniqueTaxonomies = (data as any[]).reduce(
-        (acc: any[], item: any) => {
-          if (
-            !item.parentId &&
-            !acc.some((taxonomy) => taxonomy.type === item.type)
-          ) {
-            acc.push(item);
-          }
-          return acc;
-        },
-        []
-      );
-
-      setTaxonomy(uniqueTaxonomies);
-    } else {
-      console.error("Failed to fetch taxonomies");
-    }
-  };
-
-  useEffect(() => {
-    fetchTaxonomiesData();
-  }, []);
-
-  const [currentPage, setCurrentPage] = useState(1);
-  const itemsPerPage = 10;
-
-  const totalPages = Math.ceil(taxonomy.length / itemsPerPage);
-
-  const handleNextPage = () => {
-    if (currentPage < totalPages) {
-      setCurrentPage(currentPage + 1);
-    }
-  };
-
-  const handlePreviousPage = () => {
-    if (currentPage > 1) {
-      setCurrentPage(currentPage - 1);
-    }
-  };
-
-  const handlePageClick = (pageNumber: number) => {
-    setCurrentPage(pageNumber);
-  };
-
-  const paginatedTaxonomies = taxonomy.slice(
-    (currentPage - 1) * itemsPerPage,
-    currentPage * itemsPerPage
-  );
-
-  const handleNavigation = (event: React.MouseEvent, path: string) => {
-    event.preventDefault();
-    window.history.pushState({}, "", path);
-    window.dispatchEvent(new PopStateEvent("popstate"));
-  };
-
-  const handleViewClick = (
-    event: React.MouseEvent,
-    path: string,
-    id: string,
-    type: string
-  ) => {
-    event.preventDefault();
-
-    const queryParams = new URLSearchParams({ id, type });
-    const fullPath = `${path}${queryParams.toString()}`;
-
-    window.history.pushState({ id, type }, "", fullPath);
-
-    window.dispatchEvent(new PopStateEvent("popstate"));
-  };
-
-  return (
-    <div className="container px-4 mx-auto mt-6 h-full">
-      <div className="w-3/4">
-        <h1 className="text-3xl font-bold text-blue-600 mb-5">Taxonomy</h1>
-      </div>
-      <div className="flex-grow ml-0 w-full mt-10">
-        <form className="w-full ">
-          <label
-            htmlFor="default-search"
-            className="mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
-          >
-            Search
-          </label>
-          <div className="relative w-full">
-            <div className="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
-              <svg
-                className="w-4 h-4 text-gray-500 dark:text-gray-400"
-                aria-hidden="true"
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 20 20"
-              >
-                <path
-                  stroke="currentColor"
-                  stroke-linecap="round"
-                  stroke-linejoin="round"
-                  stroke-width="2"
-                  d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
-                />
-              </svg>
-            </div>
-            <input
-              type="search"
-              id="default-search"
-              className="inline-block min-w-full p-3 ps-10 outline-none text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
-              placeholder="Search Taxonomies"
-              required
-            />
-            <button
-              type="submit"
-              className="text-white absolute end-1.5 bottom-1.5 bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-4 py-2 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
-            >
-              Search
-            </button>
-          </div>
-        </form>
-      </div>
-      <div className="flex-grow ml-0 w-3/4">
-        <form className="w-auto">{/* Search Form */}</form>
-      </div>
-      <div className="flex-grow ml-0 mt-4 w-full">
-        <div className="overflow-hidden border border-gray-200 dark:border-gray-700 md:rounded-lg mt-6">
-          <table className="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
-            <thead className="bg-gray-50 dark:bg-gray-800">
-              <tr>
-                <th
-                  scope="col"
-                  className="px-4 py-3.5 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400"
-                  style={{ width: "200px" }}
-                >
-                  Actions
-                </th>
-                <th
-                  scope="col"
-                  className="py-3.5 px-4 text-md font-normal text-left rtl:text-right text-gray-500 dark:text-gray-400"
-                >
-                  Type
-                </th>
-              </tr>
-            </thead>
-            <tbody className="bg-white divide-y divide-gray-200 dark:divide-gray-700 dark:bg-gray-900">
-              {paginatedTaxonomies
-                .filter((taxonomy) => taxonomy.isView)
-                .map((taxonomy, index) => (
-                  <tr key={taxonomy.id || index}>
-                    <td className="px-4 py-4 text-sm whitespace-nowrap">
-                      <div className="flex items-center gap-x-6">
-                        {taxonomy.isEdit ? (
-                          <button
-                            type="button"
-                            onClick={(event) => {
-                              handleViewClick(
-                                event,
-                                "/admin/taxinomies/taxonomyform?",
-                                taxonomy.id,
-                                taxonomy.type
-                              );
-                            }}
-                            className="text-gray-500 transition-colors duration-200 dark:hover:text-yellow-500 dark:text-gray-300 hover:text-yellow-500 focus:outline-none"
-                          >
-                            {/* Edit icon */}
-                            <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"
-                            >
-                              <path
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                                d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10"
-                              />
-                            </svg>
-                          </button>
-                        ) : taxonomy.isView ? (
-                          <button
-                            onClick={(event) => {
-                              handleViewClick(
-                                event,
-                                "/admin/taxinomies/taxonomyform?",
-                                taxonomy.id,
-                                taxonomy.type
-                              );
-                            }}
-                            className="text-gray-500 transition-colors duration-200 dark:hover:text-yellow-500 dark:text-gray-300 hover:text-blue-500 focus:outline-none"
-                          >
-                            {/* Eye icon */}
-                            <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"
-                            >
-                              <path
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                                d="M12 4.5c4.142 0 7.788 2.93 9 7.5-1.212 4.57-4.858 7.5-9 7.5s-7.788-2.93-9-7.5c1.212-4.57 4.858-7.5 9-7.5z"
-                              />
-                              <path
-                                stroke-linecap="round"
-                                stroke-linejoin="round"
-                                d="M12 9a3 3 0 100 6 3 3 0 000-6z"
-                              />
-                            </svg>
-                          </button>
-                        ) : null}
-                      </div>
-                    </td>
-                    <td className="px-4 py-4 text-sm font-medium text-gray-700 whitespace-nowrap">
-                      <div className="inline-flex items-center gap-x-3">
-                        <div className="flex items-center gap-x-2">
-                          <div>
-                            <h2 className="  text-sm font-medium text-gray-800 dark:text-white ">
-                              {taxonomy.type}
-                            </h2>
-                          </div>
-                        </div>
-                      </div>
-                    </td>
-                  </tr>
-                ))}
-            </tbody>
-          </table>
-        </div>
-
-        <div className="flex items-center justify-between mt-6">
-          <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"
-          >
-            <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"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                d="M6.75 15.75L3 12m0 0l3.75-3.75M3 12h18"
-              />
-            </svg>
-
-            <span>previous</span>
-          </button>
-
-          <div className="items-center hidden lg:flex gap-x-3">
-            {Array.from({ length: totalPages }, (_, index) => (
-              <button
-                key={index + 1}
-                onClick={() => handlePageClick(index + 1)}
-                className={`px-2 py-1 text-sm ${
-                  currentPage === index + 1
-                    ? "text-blue-500 bg-blue-100"
-                    : "text-gray-500 hover:bg-gray-100"
-                } rounded-md`}
-              >
-                {index + 1}
-              </button>
-            ))}
-          </div>
-          <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"
-          >
-            <span>Next</span>
-
-            <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"
-            >
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                d="M17.25 8.25L21 12m0 0l-3.75 3.75M21 12H3"
-              />
-            </svg>
-          </button>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default Taxionomies;