Function MfaAlertContent

console/src/components/MfaAlert.tsx:29–78

({ user }: { user: User })

export const MFA_DISMISSED_KEY = "mz-mfa-alert-dismissed";

const MfaAlertContent = ({ user }: { user: User }) => {
  const { data: mfaPolicy } = useMfaPolicy();

  const [dismissedAt, setDismissedAt] = useLocalStorage<Date | null>(
    MFA_DISMISSED_KEY,
    null,
  );

  if (
    // Only show this banner to org admins
    !isSuperUser(user) ||
    // Don't prompt them to enable MFA if they're using SSO
    user.managedBy !== UserManagedByEnum.FRONTEGG ||
    mfaPolicy === undefined ||
    mfaPolicy.enforceMFAType === "Force" ||
    mfaPolicy.enforceMFAType === "ForceExceptSAML" ||
    (dismissedAt && new Date() < addDays(dismissedAt, 30))
  ) {
    return null;
  }

  return (
    <AlertBanner variant="info" data-testid="mfa-required-alert" flexShrink="0">
      <Flex justifyContent="center" width="100%">
        <Text>
          Please{" "}
          <TextLink
            href={`${location.href}#/admin-box/security/mfa`}
            onClick={(e) => {
              e.preventDefault();
              location.hash = "/admin-box/security/mfa";
              AdminPortal.show();
            }}
          >
            require MFA
          </TextLink>{" "}
          for your organization.
        </Text>
      </Flex>
      <CloseButton
        position="relative"
        right="0"
        size="sm"
        onClick={() => {
          setDismissedAt(new Date());
        }}
      />
    </AlertBanner>
  );
};

export const MfaAlert = () => (
  <AppConfigSwitch