App.js

import React from 'react';
import { NavigationContainer } from '@react-navigation/native'
import { createStackNavigator } from '@react-navigation/stack'
import EditDeckScreen from './components/EditDeckScreen'
import HomeScreen from './components/HomeScreen'
import { createStore, applyMiddleware } from 'redux'
import { Provider } from 'react-redux'
import rootReducer from './reducers'
import thunk from 'redux-thunk'
import DeckScreen from './components/DeckScreen';
import EditCardScreen from './components/EditCardScreen';
import QuizScreen from './components/QuizScreen';
import logger from 'redux-logger'
import { scheduleNotifications } from './notifications'

const store = createStore(rootReducer, applyMiddleware(thunk, logger))

export default function App() {
  scheduleNotifications()
  const Stack = createStackNavigator();
  return (
    <NavigationContainer>
      <Provider store={store}>
        <Stack.Navigator>
          <Stack.Screen name="FlashCards" component={HomeScreen} />
          <Stack.Screen name="Edit Deck" component={EditDeckScreen} />
          <Stack.Screen name="Deck" component={DeckScreen} />
          <Stack.Screen name="Edit Card" component={EditCardScreen} />
          <Stack.Screen name="Quiz" component={QuizScreen} />
        </Stack.Navigator>
      </Provider>
    </NavigationContainer>
  );
}