ar-design/dist/components/navigation/breadcrumb/index.js

AR Design is a (react | nextjs) ui library.

import React, { useEffect, useState } from "react";
import "../../../assets/css/components/navigation/breadcrumb/styles.css";
const Breadcrumb = ({ menus }) => {
    // useState
    const [pathname, setPathname] = useState("");
    // const [breadcrumb, setBreadcrumb] = useState<any[]>([]);
    const handleBreadcrumb = (pathname) => {
        if (pathname === undefined)
            pathname = window.location.pathname;
        // let _menus: any, _parents: any;
        if (pathname) {
            // console.log(menus.filter(x=>x.));
            // Recursive
            // handleBreadcrumb(_menus);
        }
        else {
            // Recursive
            // handleBreadcrumb(_parents.parentId);
        }
    };
    // useEffects
    useEffect(() => {
        if (menus.length === 0)
            return;
        handleBreadcrumb(undefined);
        setPathname(window.location.pathname);
    }, [menus, pathname]);
    return (React.createElement("nav", { className: "ar-breadcrumb" }));
};
Breadcrumb.displayName = "Breadcrumb";
export default Breadcrumb;