App.jsx

import React, { useState } from "react";
import * as Font from "expo-font";
import { AppLoading } from "expo";
import { enableScreens } from "react-native-screens";

import { createStore, combineReducers, applyMiddleware } from "redux";
import { Provider } from "react-redux";
import ReduxThunk from "redux-thunk";
import spotReducer from "./store/reducers/spotReducer";

import { init } from "./helpers/db";

import PlacesNavigator from "./navigation/PlacesNavigator";

enableScreens(true);

const fetchFonts = () => {
  return Font.loadAsync({
    poppins: require("./assets/fonts/Poppins-Regular.ttf"),
    poppinsLight: require("./assets/fonts/Poppins-Light.ttf"),
    poppinsBold: require("./assets/fonts/Poppins-Bold.ttf"),
  });
};

const rootReducer = combineReducers({
  spots: spotReducer,
});

const store = createStore(rootReducer, applyMiddleware(ReduxThunk));

init()
  .then(() => {
    console.log("Initialized Database");
  })
  .catch((err) => {
    console.log("Initializing database failed");
    console.log(err);
  });

export default function App() {
  const [FontLoaded, setFontLoaded] = useState(false);
  if (!FontLoaded) {
    return <AppLoading startAsync={fetchFonts} onFinish={() => setFontLoaded(true)} />;
  }
  return (
    <Provider store={store}>
      <PlacesNavigator />
    </Provider>
  );
}