import { inject } from "mobx-react";
|
import { Button } from "@humansignal/ui";
|
import { Dropdown } from "@humansignal/ui";
|
import { Menu } from "./Menu/Menu";
|
import { IconInfo } from "@humansignal/icons";
|
|
const ErrorRenderer = (error, i) => {
|
return (
|
<Menu.Item key={i} disabled={true}>
|
{error.response?.detail}
|
</Menu.Item>
|
);
|
};
|
|
const injector = inject(({ store }) => {
|
return {
|
errors: store.serverErrors,
|
};
|
});
|
|
export const ErrorBox = injector(({ errors }) => {
|
return errors?.size > 0 ? (
|
<Dropdown.Trigger content={<Menu>{Array.from(errors.values()).map(ErrorRenderer)}</Menu>}>
|
<Button type="text" leading={<IconInfo />}>
|
Errors occurred
|
</Button>
|
</Dropdown.Trigger>
|
) : null;
|
});
|
