import { css } from '@emotion/css'; import { GrafanaTheme2 } from '@grafana/data/src'; import { config } from '@grafana/runtime'; import { Button, Modal, ModalsController, useStyles2 } from '@grafana/ui/src'; import { Trans, t } from 'app/core/internationalization'; import { SessionUser } from 'app/features/dashboard/components/ShareModal/SharePublicDashboard/SharePublicDashboardUtils'; import { useRevokeAllAccessMutation } from '../../dashboard/api/publicDashboardApi'; const DeleteUserModal = ({ user, hideModal }: { user: SessionUser; hideModal: () => void }) => { const [revokeAllAccess] = useRevokeAllAccessMutation(); const styles = useStyles2(getStyles); const onRevokeAccessClick = () => { revokeAllAccess({ email: user.email }); hideModal(); }; return (

Are you sure you want to revoke access for {{ email: user.email }}?

{config.featureToggles.newDashboardSharingComponent ? ( This action will immediately revoke {{ email: user.email }}'s access to all shared dashboards. ) : ( This action will immediately revoke {{ email: user.email }}'s access to all public dashboards. )}

); }; export const DeleteUserModalButton = ({ user }: { user: SessionUser }) => { const translatedDeleteUserText = t( 'public-dashboard-users-access-list.delete-user-modal.delete-user-button-text', 'Delete user' ); return ( {({ showModal, hideModal }) => (