classify web

2026-02-24 12:52:49 +05:00
commit 64af77101f
310 changed files with 45449 additions and 0 deletions
--- a/components/BreadCrumb/BreadCrumb.jsx
+++ b/components/BreadCrumb/BreadCrumb.jsx
@@ -0,0 +1,114 @@
+"use client";
+import { Fragment } from "react";
+import {
+  Breadcrumb,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbSeparator,
+} from "@/components/ui/breadcrumb";
+import { useSelector } from "react-redux";
+import { t } from "@/utils";
+import { useSearchParams } from "next/navigation";
+import CustomLink from "@/components/Common/CustomLink";
+import { getCurrentLangCode } from "@/redux/reducer/languageSlice";
+
+const BreadCrumb = ({ title2 }) => {
+  const langCode = useSelector(getCurrentLangCode);
+  const searchParams = useSearchParams();
+  const BreadcrumbPath = useSelector(
+    (state) => state.BreadcrumbPath.BreadcrumbPath
+  );
+
+  const items = [
+    {
+      title: t("home"),
+      key: "home",
+      href: "/",
+      isLink: true,
+    },
+    ...(title2
+      ? [
+          {
+            title: title2,
+            key: "custom",
+            isLink: false,
+          },
+        ]
+      : BreadcrumbPath && BreadcrumbPath.length > 0
+      ? BreadcrumbPath.map((crumb, index) => {
+          const isLast = index === BreadcrumbPath.length - 1;
+          return {
+            title: crumb.name,
+            key: index + 1,
+            href: crumb?.slug,
+            isLink: !isLast && !crumb.isCurrent,
+            onClick: (e) => {
+              e.preventDefault();
+              if (crumb.isAllCategories) {
+                // For "All Categories", preserve other URL parameters but remove category
+                const newSearchParams = new URLSearchParams(searchParams);
+                newSearchParams.delete("category");
+                newSearchParams.set("lang", langCode);
+                const newUrl = `/ads?${newSearchParams.toString()}`;
+                window.history.pushState(null, "", newUrl);
+              } else {
+                // ✅ ensure lang param is present
+                const newSearchParams = new URLSearchParams(searchParams);
+                newSearchParams.set("lang", langCode);
+
+                // if crumb.slug already has query params, merge them
+                let newUrl = crumb.slug.includes("?")
+                  ? `${crumb.slug}&lang=${langCode}`
+                  : `${crumb.slug}?lang=${langCode}`;
+
+                window.history.pushState(null, "", newUrl);
+              }
+            },
+          };
+        })
+      : []),
+  ];
+
+  return (
+    <div className="bg-muted">
+      <div className="container py-5">
+        <Breadcrumb>
+          <BreadcrumbList>
+            {items?.map((item, index) => {
+              return (
+                <Fragment key={index}>
+                  <BreadcrumbItem>
+                    {item.isLink && item.onClick ? (
+                      <BreadcrumbLink
+                        href="#"
+                        className="text-black"
+                        onClick={(e) => {
+                          e.preventDefault();
+                          item.onClick(e);
+                        }}
+                      >
+                        {item.title}
+                      </BreadcrumbLink>
+                    ) : item.isLink ? (
+                      <CustomLink href={item?.href} passHref>
+                        <BreadcrumbLink asChild className="text-black">
+                          <span>{item.title}</span>
+                        </BreadcrumbLink>
+                      </CustomLink>
+                    ) : (
+                      <p className="text-black">{item.title}</p>
+                    )}
+                  </BreadcrumbItem>
+                  {index !== items?.length - 1 && <BreadcrumbSeparator />}
+                </Fragment>
+              );
+            })}
+          </BreadcrumbList>
+        </Breadcrumb>
+      </div>
+    </div>
+  );
+};
+
+export default BreadCrumb;