diff --git a/client/src/components/Dashboard/DashboardActionViewsList.js b/client/src/components/Dashboard/DashboardActionViewsList.js new file mode 100644 index 000000000..120e78c87 --- /dev/null +++ b/client/src/components/Dashboard/DashboardActionViewsList.js @@ -0,0 +1,44 @@ +import React, { useMemo } from 'react'; +import classNames from 'classnames'; +import { + Button, + Classes, + MenuItem, + Menu, + Popover, + PopoverInteractionKind, + Position, +} from '@blueprintjs/core'; +import { FormattedMessage as T } from 'react-intl'; +import { useHistory } from 'react-router-dom'; +import { Icon } from 'components'; + +export default function DashboardActionViewsList({ + resourceName, + views +}) { + const history = useHistory(); + + const handleClickViewItem = (view) => { + history.push(view ? `/${resourceName}/${view.id}/custom_view` : '/accounts'); + }; + const viewsMenuItems = views.map((view) => { + return handleClickViewItem(view)} text={view.name} />; + }); + + return ( + {viewsMenuItems}} + minimal={true} + interactionKind={PopoverInteractionKind.HOVER} + position={Position.BOTTOM_LEFT} + > +