@mantajs/dashboard 0.1.7 → 0.1.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mantajs/dashboard",
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "B2B Admin Dashboard for Medusa - Fork of @medusajs/dashboard",
   "scripts": {
     "dev": "vite",

package/src/components/layout/main-layout/main-layout.tsx

@@ -1,18 +1,10 @@
+import * as MedusaIcons from "@medusajs/icons"
 import {
-  BuildingStorefront,
-  Buildings,
   ChevronDownMini,
-  CogSixTooth,
-  CurrencyDollar,
   EllipsisHorizontal,
   MagnifyingGlass,
   MinusMini,
   OpenRectArrowOut,
-  ReceiptPercent,
-  ShoppingCart,
-  SquaresPlus,
-  Tag,
-  Users,
 } from "@medusajs/icons"
 import { Avatar, Divider, DropdownMenu, Text, clx } from "@medusajs/ui"
 import { Collapsible as RadixCollapsible } from "radix-ui"
@@ -33,16 +25,9 @@ import { useDocumentDirection } from "../../../hooks/use-document-direction"
 import menuConfig from "virtual:dashboard/menu-config"
 import type { MenuConfig } from "../../../vite-plugin/types"
 
-const ICON_MAP: Record<string, React.ReactNode> = {
-  ShoppingCart: <ShoppingCart />,
-  Tag: <Tag />,
-  Buildings: <Buildings />,
-  Users: <Users />,
-  ReceiptPercent: <ReceiptPercent />,
-  CurrencyDollar: <CurrencyDollar />,
-  BuildingStorefront: <BuildingStorefront />,
-  CogSixTooth: <CogSixTooth />,
-  SquaresPlus: <SquaresPlus />,
+const getIcon = (name: string): React.ReactNode => {
+  const IconComponent = (MedusaIcons as any)[name] || MedusaIcons.SquaresPlus
+  return <IconComponent />
 }
 
 export const MainLayout = () => {
@@ -192,21 +177,21 @@ const Header = () => {
 }
 
 const getDefaultMedusaRoutes = (t: (key: string) => string): Omit<INavItem, "pathname">[] => [
-  { icon: <ShoppingCart />, label: t("orders.domain"), to: "/orders", items: [] },
-  { icon: <Tag />, label: t("products.domain"), to: "/products", items: [
+  { icon: getIcon("ShoppingCart"), label: t("orders.domain"), to: "/orders", items: [] },
+  { icon: getIcon("Tag"), label: t("products.domain"), to: "/products", items: [
     { label: t("collections.domain"), to: "/collections" },
     { label: t("categories.domain"), to: "/categories" },
   ]},
-  { icon: <Buildings />, label: t("inventory.domain"), to: "/inventory", items: [
+  { icon: getIcon("Buildings"), label: t("inventory.domain"), to: "/inventory", items: [
     { label: t("reservations.domain"), to: "/reservations" },
   ]},
-  { icon: <Users />, label: t("customers.domain"), to: "/customers", items: [
+  { icon: getIcon("Users"), label: t("customers.domain"), to: "/customers", items: [
     { label: t("customerGroups.domain"), to: "/customer-groups" },
   ]},
-  { icon: <ReceiptPercent />, label: t("promotions.domain"), to: "/promotions", items: [
+  { icon: getIcon("ReceiptPercent"), label: t("promotions.domain"), to: "/promotions", items: [
     { label: t("campaigns.domain"), to: "/campaigns" },
   ]},
-  { icon: <CurrencyDollar />, label: t("priceLists.domain"), to: "/price-lists" },
+  { icon: getIcon("CurrencyDollar"), label: t("priceLists.domain"), to: "/price-lists" },
 ]
 
 const useCoreRoutes = (): Omit<INavItem, "pathname">[] => {
@@ -217,7 +202,7 @@ const useCoreRoutes = (): Omit<INavItem, "pathname">[] => {
   }
 
   return (menuConfig as MenuConfig).items.map((item) => ({
-    icon: ICON_MAP[item.icon] || <SquaresPlus />,
+    icon: getIcon(item.icon),
     label: item.useTranslation ? t(item.label) : item.label,
     to: item.to,
     items: item.items?.map((sub) => ({