ModerationActions.jsx

import React from "react";
import PropTypes from "prop-types";
import { t } from "ttag";

import { isItemVerified } from "metabase-enterprise/moderation/service";

import { Container, Label, VerifyButton } from "./ModerationActions.styled";
import Tooltip from "metabase/components/Tooltip";

export default ModerationActions;

ModerationActions.propTypes = {
  className: PropTypes.string,
  onVerify: PropTypes.func,
  moderationReview: PropTypes.object,
};

function ModerationActions({ moderationReview, className, onVerify }) {
  const isVerified = isItemVerified(moderationReview);
  const hasActions = !!onVerify;

  return hasActions ? (
    <Container className={className}>
      <Label>{t`Moderation`}</Label>
      {!isVerified && (
        <Tooltip tooltip={t`Verify this`}>
          <VerifyButton
            data-testid="moderation-verify-action"
            onClick={onVerify}
          />
        </Tooltip>
      )}
    </Container>
  ) : null;
}