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>
);
}
|