feat: add commands support and make logout searchable #1659

d-rita · 2025-02-03T07:37:46Z

Description

This PR is an attempt to start the work on adding commands to the command palette, which means users can search for them too.

The current implementation:

adds a hook for the logout command functionality.
retrieves all commands created through a useCommands hook, which are then passed to the headerbar component making them available and searchable. (In this case, only the logout command has been added)

(TBD: whether commands are fetched from the backend or defined in the UI here)

This PR also handles:

updating the action handlers in the useActions hook to have an action attribute with its associated action handler, for example, for Browse Apps, its action is a function to switch views to the all apps list view.
passing the actions array to the useNavigation hook to simplify the Enter key logic.
refactoring the Enter key down logic by utilising the app's defaultAction(url) attribute to open it in a new window, and the commands/actions action attribute to trigger its attached handler.
differentiating between an icon and image

Conclusion: Users can search for the logout command across the command palette.

Checklist

API docs are generated
Tests were added
Storybook demos were added

All points above should be relevant for feature PRs. For bugfixes, some points might not be relevant. In that case, just check them anyway to signal the work is done.

Screenshots

Logout Search Results

All Commands View

- add a hook for the logout command functionality - retrieve all commands created through the new useCommands hook - refactor Enter key logic by utilising the action's and item's action attributes - differentiate between an icon and image - update action handlers in the useActions hook