@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
44 lines (43 loc) • 1.47 kB
JavaScript
"use client";
import React, { useCallback, useContext } from 'react';
import SectionContainerContext from "../containers/SectionContainerContext.js";
import ToolbarContext from "../Toolbar/ToolbarContext.js";
import { useTranslation } from "../../../hooks/index.js";
import { Button } from "../../../../../components/index.js";
import { check } from "../../../../../icons/index.js";
import FieldBoundaryContext from "../../../DataContext/FieldBoundary/FieldBoundaryContext.js";
export default function DoneEditButton() {
const {
onDone,
setShowError
} = useContext(ToolbarContext) || {};
const {
switchContainerMode
} = useContext(SectionContainerContext) || {};
const {
hasError,
hasVisibleError,
setShowBoundaryErrors
} = useContext(FieldBoundaryContext) || {};
const translation = useTranslation().SectionEditContainer;
const doneHandler = useCallback(() => {
if (hasError) {
setShowBoundaryErrors?.(true);
if (hasVisibleError) {
setShowError(true);
}
} else {
setShowError(false);
setShowBoundaryErrors?.(false);
switchContainerMode?.('view');
onDone?.();
}
}, [hasError, hasVisibleError, onDone, setShowBoundaryErrors, setShowError, switchContainerMode]);
return React.createElement(Button, {
variant: "tertiary",
icon: check,
icon_position: "left",
on_click: doneHandler
}, translation.doneButton);
}
//# sourceMappingURL=DoneButton.js.map