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 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 | 10x 10x | import { Text, View } from 'react-native';
import { NativeErrorContent } from '../../ErrorPopUp.types';
import { House } from '@sb/ui/components/atoms/Icons/mobile';
import { Button } from '@sb/ui/components/atoms/Button/mobile';
import { useThemeColors } from '@sb/hooks/Utilities/useThemeColors';
import { CheckBox } from '@sb/ui/components/atoms/CheckBox/mobile/CheckBox.native';
export function NativeNewWallet(
onClose: () => void,
onConfirmCreation: () => void,
onNewWalletSupportClick: () => void,
isNewWalletCheckboxChecked: boolean,
handleNewWalletCheckboxChange: (isChecked: boolean) => void
): NativeErrorContent {
const { themedColors } = useThemeColors();
return {
padding: 'none',
className: 'pt-10 w-full h-full',
showCloseIcon: false,
contentSpacing: false,
footerButtonLabel: '',
title: (
<View className="items-center py-8">
<Text
style={{ color: themedColors.colorPrimary }}
className="font-Bold w-full text-center text-3xl tracking-wide"
>
NEUES SHOP WALLET
</Text>
<House size={200} />
<Text
style={{ color: themedColors.colorPrimary }}
className="w-full text-center text-xl font-semibold"
>
Toräckerstraße 10, 68165 Mannheim
</Text>
</View>
),
description: (
<View className="h-full px-4 py-6" style={{ backgroundColor: themedColors.colorTertiary }}>
<View className="gap-4">
<CheckBox
variant="secondary"
checked={isNewWalletCheckboxChecked}
onChange={handleNewWalletCheckboxChange}
className="text-sm font-normal"
label="Hiermit bestätige ich die Anlage eines neuen Shop Wallets in dem oben angezeigten Shop / Filiale."
/>
<View className="my-2 w-full items-center justify-between gap-4">
<Button
label="Anlage bestätigen"
variant="primary"
className="w-full rounded-sm py-4"
textStyle="uppercase text-primary"
onPress={onConfirmCreation}
disabled={!isNewWalletCheckboxChecked}
/>
<Button
label="Abbrechen"
variant="ghost"
className="w-full rounded-sm py-4"
textStyle="uppercase font-normal"
onPress={onClose}
/>
</View>
</View>
<Text
className="mt-10 text-base font-normal"
style={{ color: themedColors.colorText_Main }}
>
Du hast kein Wallet beantragt?{'\n'}Dann wende dich bitte an unseren{' '}
<Text
className="font-Bold underline"
onPress={onNewWalletSupportClick}
style={{ color: themedColors.colorAccent }}
>
Support.
</Text>
</Text>
</View>
),
};
}
|