fix(klz-2026): correctly hide tagline via path overrides without breaking KLZ letters
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 10s
Build & Deploy / 🧪 QA (push) Failing after 1m20s
Build & Deploy / 🏗️ Build (push) Has been skipped
Build & Deploy / 🚀 Deploy (push) Has been skipped
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped
Build & Deploy / 🔔 Notify (push) Successful in 2s

This commit is contained in:
2026-06-12 13:24:24 +02:00
parent 3c2aa8b71e
commit 1e39dc8567

View File

@@ -815,12 +815,9 @@ export const PDFBusinessCard: React.FC<PDFBusinessCardProps> = ({
}; };
const getBackLogoPaths = () => { const getBackLogoPaths = () => {
// The white page (front for the user) should not have the tagline. // We use the original black logo to preserve the exact colors of the Truck and KLZ.
// The logoWhitePaths array has 35 paths. Paths 0-24 are the graphic, // The tagline will be hidden via pathOverrides in the JSX.
// 25-29 are "KLZ", and 30-34 are the "Cables for a greener tomorrow" tagline. return logoBlackWithTaglinePaths;
// We slice(0, 30) to perfectly strip the tagline while preserving the rest of the logo!
// The overrideWhiteColor={COLORS.black} prop will tint it black.
return logoWhitePaths.slice(0, 30);
}; };
const bgImagePath = isWhiteVariant const bgImagePath = isWhiteVariant
@@ -930,7 +927,11 @@ export const PDFBusinessCard: React.FC<PDFBusinessCardProps> = ({
paths={getBackLogoPaths()} paths={getBackLogoPaths()}
style={styles.backLogo} style={styles.backLogo}
overrideWhiteColor={COLORS.black} overrideWhiteColor={COLORS.black}
pathOverrides={KLZ_PATHS.reduce((acc, idx) => ({ ...acc, [idx]: 'none' }), {})} pathOverrides={{
...KLZ_PATHS.reduce((acc, idx) => ({ ...acc, [idx]: 'none' }), {}),
// Paths 0-24 are the "Cables for a greener tomorrow" tagline in the 40-path logo.
...Array.from({ length: 25 }).reduce((acc, _, i) => ({ ...acc, [i]: 'none' }), {}),
}}
/> />
<View style={styles.accentLineHorizontal} /> <View style={styles.accentLineHorizontal} />
<View style={styles.qrContainer}> <View style={styles.qrContainer}>