PromucFlow_constructor/app/client/src/pages/Settings/SettingsBreadcrumbs.tsx

import React from "react";
import { Breadcrumbs } from "design-system-old";
import { BreadcrumbCategories } from "@appsmith/pages/AdminSettings/BreadcrumbCategories";

export const getBreadcrumbList = (category: string, subCategory?: string) => {
  const breadcrumbList = [
    BreadcrumbCategories.HOMEPAGE,
    ...(subCategory
      ? [BreadcrumbCategories[category], BreadcrumbCategories[subCategory]]
      : [BreadcrumbCategories[category]]),
  ];

  return breadcrumbList;
};

function SettingsBreadcrumbs({
  category,
  subCategory,
}: {
  category: string;
  subCategory?: string;
}) {
  return <Breadcrumbs items={getBreadcrumbList(category, subCategory)} />;
}

export default SettingsBreadcrumbs;