9e0402e691
# Description Closes [#696](https://github.com/twentyhq/core-team-issues/issues/696) - `useAction` hooks have been removed for all actions - Every action can now declare a react component - Some standard action components have been introduced: `Action`, `ActionLink` and `ActionModal` - The `ActionDisplay` component uses the new `displayType` prop of the `ActionMenuContext` to render the right component for the action according to its container: `ActionButton`, `ActionDropdownItem` or `ActionListItem` - The `ActionDisplayer` wraps the action component inside a context which gives it all the information about the action -`actionMenuEntriesComponenState` has been removed and now all actions are computed directly using `useRegisteredAction` - This computation is done inside `ActionMenuContextProvider` and the actions are passed inside a context - `actionMenuType` gives information about the container of the action, so the action can know wether or not to close this container upon execution
14 lines
487 B
TypeScript
14 lines
487 B
TypeScript
import { ActionComponent } from '@/action-menu/actions/display/components/ActionComponent';
|
|
import { ActionMenuContext } from '@/action-menu/contexts/ActionMenuContext';
|
|
|
|
import { useContext } from 'react';
|
|
export const PageHeaderActionMenuButtons = () => {
|
|
const { actions } = useContext(ActionMenuContext);
|
|
|
|
const pinnedActions = actions.filter((entry) => entry.isPinned);
|
|
|
|
return pinnedActions.map((action) => (
|
|
<ActionComponent key={action.key} action={action} />
|
|
));
|
|
};
|