Abdullah.
569d887d1e
Renaming the package so any further PRs directed to the website are targeted to the reworked code instead of diverging. Once merged, I will start preparing this for deployment to dev to test before releasing to prod. Any improvements will also be applied to this package. I avoided making significant changes to API routes so nothing breaks, but will test it thoroughly today to confirm. That said, everything is ported - double checked. Big diff PR, impossible to review, but last one! No more rebuilds.
30 lines
865 B
TypeScript
30 lines
865 B
TypeScript
import { styled } from '@linaria/react';
|
|
|
|
import { HalftoneImageBackdrop } from '@/platform/visuals/rigs/HalftoneImageBackdrop';
|
|
|
|
import { PARTNER_PORTRAIT_SETTINGS } from './partner-portrait-config';
|
|
|
|
const PortraitMount = styled.div`
|
|
height: 100%;
|
|
position: relative;
|
|
width: 100%;
|
|
`;
|
|
|
|
// The portrait is meaningful (the author), so it carries the image role/label;
|
|
// the halftone canvas inside is decorative. The image URL changes per author,
|
|
// which re-creates the session — the same reload the old site did on navigate.
|
|
export function PartnerPortrait({ alt, src }: { alt: string; src: string }) {
|
|
return (
|
|
<PortraitMount
|
|
aria-label={alt}
|
|
data-illustration="partner-portrait"
|
|
role="img"
|
|
>
|
|
<HalftoneImageBackdrop
|
|
imageUrl={src}
|
|
settings={PARTNER_PORTRAIT_SETTINGS}
|
|
/>
|
|
</PortraitMount>
|
|
);
|
|
}
|