bigcapital/src/containers/Homepage/components.js

import { isEmpty } from 'lodash';
import { useAbilityContext } from '../../hooks';

export const useFilterShortcutBoxesSection = (section) => {
  const ability = useAbilityContext();

  return section
    .map(({ sectionTitle, shortcuts }) => {
      const shortcut = shortcuts.filter((shortcuts) => {
        return ability.can(shortcuts.ability, shortcuts.subject);
      });
      return {
        sectionTitle: sectionTitle,
        shortcuts: shortcut,
      };
    })
    .filter(({ shortcuts }) => !isEmpty(shortcuts));
};