App.js

import { useEffect, useState } from 'react';
import { Alert } from 'react-native';
import { NavigationContainer } from '@react-navigation/native';
import { observer } from '@legendapp/state/react';
import { store$ } from './utils/Store';
import { supabase } from './utils/Supabase';
import MainNavigator from './navigation/MainNavigator';
import WelcomeScreen from './screens/WelcomeScreen';

const App = observer(function App() {
  const [realPassword, setRealPassword] = useState(null);
  const [loading, setLoading] = useState(false);
  const [online, setOnline] = useState(true);
  const enabled = store$.enabled.get();

  useEffect(() => {
    onRefresh();
  }, []);

  const onRefresh = async () => {
    setLoading(true);
    const { data } = await supabase
      .from('login')
      .select('password, rallye!inner(id)')
      .eq('rallye.is_active_rallye', true);
    if (data) {
      setRealPassword(data[0].password);
      setOnline(true);
    } else {
      setOnline(false);
    }
    setLoading(false);
  };

  const handlePasswordSubmit = async (password) => {
    if (password === realPassword) {
      const { data } = await supabase
        .from('rallye')
        .select('*')
        .eq('is_active_rallye', true);
      const rallye = data[0];
      if (rallye.end_time) {
        rallye.end_time = new Date(rallye.end_time);
      }
      store$.rallye.set(rallye);
      store$.enabled.set(true);
    } else {
      Alert.alert(
        'Falsches Passwort',
        'Bitte geben Sie das richtige Passwort ein.'
      );
    }
  };

  const handleNoPasswordSubmit = () => {
    store$.rallye.set(null);
    store$.enabled.set(true);
  };

  return (
    <NavigationContainer>
      {enabled ? (
        <MainNavigator />
      ) : (
        <WelcomeScreen
          onPasswordSubmit={handlePasswordSubmit}
          onContinueWithoutRallye={handleNoPasswordSubmit}
          networkAvailable={online}
          loading={loading}
          onRefresh={onRefresh}
        />
      )}
    </NavigationContainer>
  );
});

export default App;