* Refactor Former components to streamline functionality * Update stories to reflect changes in form structure
23 lines
594 B
TypeScript
23 lines
594 B
TypeScript
import { useFormerStore } from './Former.store';
|
|
import { FormerButtonArea } from './FormerButtonArea';
|
|
|
|
export const FormerLayoutTop = () => {
|
|
const { buttonOnTop, getState, opened, renderTop } = useFormerStore((state) => ({
|
|
buttonOnTop: state.layout?.buttonOnTop,
|
|
getState: state.getState,
|
|
opened: state.opened,
|
|
renderTop: state.layout?.renderTop,
|
|
}));
|
|
|
|
if (renderTop) {
|
|
return renderTop(
|
|
<FormerButtonArea />,
|
|
opened,
|
|
getState('onClose'),
|
|
getState('onOpen'),
|
|
getState
|
|
);
|
|
}
|
|
return buttonOnTop ? <FormerButtonArea /> : <></>;
|
|
};
|