made login screen

common/Credits.tsx

@@ -0,0 +1,81 @@
+import React, { useState, useEffect, useContext } from 'react';
+import { View, Text, ScrollView, TextInput, Button, StyleSheet, Alert, Linking, TouchableOpacity, Platform, ActivityIndicator, Image } from 'react-native';
+import { SettingsContext } from '../SettingsProvider';
+import { useColors } from '../common/colors';
+import ErrorBoundary from 'react-native-error-boundary';
+import { ThemeSwitch, ThemeText, ThemeTextInput } from '../common/ThemeTypes'
+import * as Application from 'expo-application';
+import { ToastType, useToast } from '../common/ToastProvider';
+
+const Credits = () => {
+    const colors = useColors();
+
+    const styles = StyleSheet.create({
+        container: {
+            flex: 1,
+            padding: 20,
+        },
+        label: {
+            fontWeight: 'bold',
+            marginTop: 8,
+            marginBottom: 6,
+        },
+        title: {
+            fontWeight: 'bold',
+            marginBottom: 3,
+            fontSize: 32,
+        },
+        section: {
+            marginBottom: 40,
+        },
+        endSection: {
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+        },
+        switchContainer: {
+            marginTop: 10,
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+        },
+        activityindicator: {
+            position: 'absolute',
+            width: '100%',
+            height: '100%',
+        },
+        logo: {
+            width: 100,
+            height: 100,
+            resizeMode: 'contain'
+        }
+    });
+
+    return (
+        <>
+            <View style={[styles.section, { marginTop: 20 }]}>
+                <ThemeText>EDV-Schule Plattling</ThemeText>
+                <TouchableOpacity onPress={() => Linking.openURL('https://www.edvschule-plattling.de/impressum')}>
+                    <Text style={{ color: colors.primary }}>Impressum</Text>
+                </TouchableOpacity>
+            </View>
+            <View style={[styles.section, styles.endSection]}>
+                <View>
+                    { /* Wer des löscht werd weggeklagt */}
+                    <ThemeText>Heinrich Thaler</ThemeText>
+                    <TouchableOpacity onPress={() => Linking.openURL('mailto:Heinrich.Thaler@edvschule-plattling.de')}>
+                        <Text style={{ color: colors.primary }}>Heinrich.Thaler@edvschule-plattling.de</Text>
+                    </TouchableOpacity>
+                    <TouchableOpacity onPress={() => Linking.openURL('https://www.it-thaler.de')}>
+                        <Text style={{ color: colors.primary }}>www.it-thaler.de</Text>
+                    </TouchableOpacity>
+                    {Platform.OS != 'web' && <ThemeText>Version: {Application.nativeApplicationVersion} ({Application.nativeBuildVersion})</ThemeText>}
+                </View>
+                <Image style={styles.logo} source={require('../assets/logo-thaler.png')} />
+            </View>
+        </>
+    );
+};
+
+export default Credits;