All files / widgets/ErrorPopUp/mobile/Components Inactive.tsx

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
 
 
 
 
 
 
 
 
 
 
10x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
import { Text, View } from 'react-native';
import { NativeErrorContent } from '../../ErrorPopUp.types';
import { Button } from '@sb/ui/components/atoms/Button/mobile';
import { parseFormattedNativeContent } from '@sb/libs/utils.native';
import { footerButtonClasses, footerButtonTextStyle, paragraphClasses } from './utils';
 
export function NativeInactiveError(
  onClose: () => void,
  onStayLoggedInClick: () => void
): NativeErrorContent {
  return {
    title: 'LUGAS Status: Inaktiv',
    description: (
      <View>
        <Text className={paragraphClasses}>
          {parseFormattedNativeContent(
            'Wenn du dich abmeldest, wird dein Wettkonto in LUGAS auf den <semibold>Status „inaktiv“</semibold> gesetzt. Erst nach Ablauf einer <semibold>Wartefrist von 5 Minuten</semibold> kannst du wieder aktiv werden, Wetten platzieren oder Cashout nehmen.',
            'font-semibold',
            'semibold'
          )}
        </Text>
        <View className="mt-2 flex flex-col gap-3">
          <Button
            variant="secondary"
            label="Eingeloggt bleiben"
            onPress={onStayLoggedInClick}
            className={footerButtonClasses}
            textStyle={footerButtonTextStyle}
          />
          <Button
            label="Schliessen"
            onPress={onClose}
            variant="ghostDark"
            className={footerButtonClasses}
            textStyle={footerButtonTextStyle}
          />
        </View>
      </View>
    ),
    footerButtonLabel: '',
  };
}