Web-Frontend/client/src/components/Canvas/CanvasComponents/WidgetMenu.jsx

import { Menu, Portal } from "@chakra-ui/react";
import { getWidgetsForView } from "@/constants/widgetRegistry";
// import AlertLevel from "./AlertLevelWidget";

export default function WidgetMenu({view, appendWidget, triggerItem, positioning}) {
  const entries = getWidgetsForView(view);
  
  return (
    <Menu.Root positioning={positioning}>
      {triggerItem}
      <Portal>
        <Menu.Positioner>
          <Menu.Content>
            {entries.map((w) => (
              <Menu.Item 
                key={w.key}
                value={w.key}
                onClick={() => appendWidget(w.key)}
            >
              {w.label}
            </Menu.Item>
          ))}
          </Menu.Content>
        </Menu.Positioner>
      </Portal>
    </Menu.Root>
  )
}