alert level has a complete form

+ alert level now has entry for country and volcano name
+ widget now has a submit button
+ now has a refresh button that only appears when something is submitted
+ adjusted number of columns in grid layout
+ other small sizing adjustments in canvas
This commit is contained in:
2025-08-06 16:27:08 -07:00
parent 023ee333fb
commit aad3a95507
8 changed files with 107 additions and 54 deletions
@@ -2,7 +2,8 @@ import { IconButton, Menu, Portal } from "@chakra-ui/react";
import { FiSettings } from "react-icons/fi";
import AddWidgetMenu from "./AddWidgetMenu";
export function SettingsButton({onAddWidget, onEditWidgets, onDeleteWidgets, widgetArray, setWidgetArray}) {
export function SettingsButton({ onEditWidgets, onDeleteWidgets, appendWidget}) {
const addWidgetMenuProps = { appendWidget }
return (
<Menu.Root>
<Menu.Trigger asChild >
@@ -13,7 +14,7 @@ export function SettingsButton({onAddWidget, onEditWidgets, onDeleteWidgets, wid
<Portal>
<Menu.Positioner>
<Menu.Content>
<AddWidgetMenu onAddWidget={onAddWidget} setWidgetArray={setWidgetArray} widgetArray={widgetArray}/>
<AddWidgetMenu {...addWidgetMenuProps}/>
<Menu.Item onClick={onEditWidgets} value ="editwidget">Edit Widgets</Menu.Item>
<Menu.Item
onClick={onDeleteWidgets}
@@ -27,9 +28,4 @@ export function SettingsButton({onAddWidget, onEditWidgets, onDeleteWidgets, wid
</Portal>
</Menu.Root>
);
}
}