All files / src/components/PublishedLegalContent AgreementLogoHeader.tsx

100% Statements 1/1
100% Branches 0/0
100% Functions 1/1
100% Lines 1/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26                                21x                  
import { Box } from "@mui/material";
import GiveLogo from "@assets/images/GiveLogo.png";
 
/**
 * The GiveCorporation logo header shown at the top of every agreement document
 * (merchant + provider).
 *
 * The hardcoded legacy Terms of Service renders this same mark in its own
 * header. When an acquirer PUBLISHES its own agreement, that legacy component is
 * replaced by the authored prose rendered through DocumentViewer — which has no
 * branding — so the logo would otherwise disappear on published agreements. This
 * shared component adds it back to the published-content surfaces
 * (PublishedLegalContent, MerchantAgreementDocument), matching the legacy
 * header (centered, 50px tall).
 */
export default function AgreementLogoHeader() {
  return (
    <Box
      data-testid="agreement-logo-header"
      sx={{ height: "50px", textAlign: "center", mb: "16px" }}
    >
      <img src={GiveLogo} alt="Give Logo" style={{ height: "100%" }} />
    </Box>
  );
}