App.tsx

import {
  ConnectionProvider,
  RPC_ENDPOINT,
} from './components/providers/ConnectionProvider';
import {clusterApiUrl} from '@solana/web3.js';
import React from 'react';
import {SafeAreaView, StyleSheet} from 'react-native';
import {AuthorizationProvider} from './components/providers/AuthorizationProvider';
import {Header} from './components/Header';

import MainScreen from './screens/MainScreen';
import DappWalletConnectModal from "./components/DappWalletConnectModal";

export default function App() {
  return (
    <ConnectionProvider
      config={{commitment: 'processed'}}
      endpoint="https://rpc.hellomoon.io/15bdc890-15fa-46a8-95d8-6ee39fba9009">
      <AuthorizationProvider>
        <SafeAreaView style={styles.shell}>
          <Header />
          <MainScreen />
        </SafeAreaView>
      </AuthorizationProvider>
      <DappWalletConnectModal />
    </ConnectionProvider>
  );
}

const styles = StyleSheet.create({
  shell: {
    height: '100%',
    display: 'flex',
    flexDirection: 'column',
  },
});