All files / widgets/ErrorPopUp/mobile/Components LoggedInElsewhere.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
44
 
 
 
 
 
 
 
 
 
 
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 NativeLoggedInElsewhere(
  onClose: () => void,
  onLugasClick: () => void
): NativeErrorContent {
  return {
    title: 'Auszeit',
    description: (
      <View>
        <Text className={paragraphClasses}>
          {parseFormattedNativeContent(
            'Du bist oder warst noch eben bei einem anderen Wettanbieter eingeloggt? Leider erlaubt <semibold>LUGAS</semibold> keine zeitgleiche Anmeldung bei mehreren Anbietern. <semibold>Log dich dort aus</semibold> und nach einer <semibold>Wartefrist von 5 Minuten</semibold>, kannst du wieder bei uns wetten.',
            'font-semibold',
            'semibold'
          )}
        </Text>
        <Text className={paragraphClasses}>Schau dich doch solange einfach bei uns um.</Text>
        <View className="mt-2 flex flex-col gap-3">
          <Button
            onPress={onClose}
            label="Schliessen"
            variant="secondary"
            className={footerButtonClasses}
            textStyle={footerButtonTextStyle}
          />
          <Button
            variant="ghostDark"
            onPress={onLugasClick}
            label="Wer oder was ist LUGAS?"
            className={footerButtonClasses}
            textStyle={footerButtonTextStyle}
          />
        </View>
      </View>
    ),
    footerButtonLabel: '',
  };
}