Abin ToppoandClaude Opus 5.5
f1def81eb7
- Create TPIN: current MPIN -> OTP -> encrypted TPIN via /tpin/create/*, from Services and from the transfer screen on TPIN_NOT_SET - IMPS initiate now sends encryptedTpin instead of encryptedMpin; handles INVALID_TPIN and TPIN_NOT_SET - Share one RSA-OAEP encryption and key-retry path for MPIN and TPIN - Forgot MPIN on sign-in and Reset MPIN in the Security Center - Fund transfer history list and detail, reachable from Home - Brand logo on sign-in and palette updates Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
53 lines
1.5 KiB
TypeScript
53 lines
1.5 KiB
TypeScript
import React, { memo } from 'react';
|
|
import { Image, StyleSheet, View } from 'react-native';
|
|
|
|
import { useTheme } from '../../../../theme';
|
|
|
|
const LOGO = require('../../../../assets/images/logo.jpg');
|
|
|
|
/** The source file is 354x99; the lock-up keeps that ratio at any width. */
|
|
const ASPECT_RATIO = 354 / 99;
|
|
|
|
interface BrandLogoProps {
|
|
/** Rendered width of the logo itself, excluding the plate's padding. */
|
|
width?: number;
|
|
}
|
|
|
|
/**
|
|
* The bank's logo, set on a white plate.
|
|
*
|
|
* The logo is a JPG with a white ground and no transparency, so it cannot sit
|
|
* directly on the red brand wash — it would show as a hard-edged white box.
|
|
* The plate makes that white deliberate: a rounded card the logo belongs to.
|
|
* It uses `white`, not `surface`, because the logo's own ground is literal
|
|
* white in both themes and a dark-mode surface would frame it in charcoal.
|
|
*/
|
|
const BrandLogoComponent = ({ width = 200 }: BrandLogoProps) => {
|
|
const theme = useTheme();
|
|
|
|
return (
|
|
<View
|
|
accessible
|
|
accessibilityRole="image"
|
|
accessibilityLabel="Apna Sahakari Bank Ltd."
|
|
style={[styles.plate, { backgroundColor: theme.colors.white, borderRadius: theme.radius.sm }]}
|
|
>
|
|
<Image
|
|
source={LOGO}
|
|
resizeMode="contain"
|
|
style={{ width, height: width / ASPECT_RATIO }}
|
|
/>
|
|
</View>
|
|
);
|
|
};
|
|
|
|
const styles = StyleSheet.create({
|
|
plate: {
|
|
alignSelf: 'center',
|
|
paddingHorizontal: 10,
|
|
paddingVertical: 6,
|
|
},
|
|
});
|
|
|
|
export const BrandLogo = memo(BrandLogoComponent);
|