import { AppProps } from "next/app"; import Head from "next/head"; import ProgressBar from "@badrap/bar-of-progress"; import Router from "next/router"; import { QueryClient, QueryClientProvider } from "react-query"; import { StoreProvider, Components } from "ui"; import { Div, P, Span } from "react-with-native"; import { pagesObject } from "ui"; import { ToastContainer } from "react-with-native-notification"; import { AlertProvider } from "react-with-native-alert"; import { ModalProvider } from "react-with-native-modal"; import { useRouter } from "react-with-native-router"; import pages, { getPageTitle } from "ui/src/pages"; import getConfig from "next/config"; import "../globals.css"; import "react-toastify/dist/ReactToastify.css"; import "react-datetime/css/react-datetime.css"; import "rc-time-picker/assets/index.css"; import "react-datepicker/dist/react-datepicker.css"; const progress = new ProgressBar(); //Binding events. Router.events.on("routeChangeStart", progress.start); Router.events.on("routeChangeComplete", progress.finish); Router.events.on("routeChangeError", progress.finish); const queryClient = new QueryClient(); // Only holds serverRuntimeConfig and publicRuntimeConfig const { publicRuntimeConfig } = getConfig(); function MyApp({ Component, pageProps }: AppProps) { const router = useRouter(); const path = router.route.slice(1); const siteName = publicRuntimeConfig.NEXT_PUBLIC_SITE === "sensible" ? "Sensible" : "React with Native"; console.log({ site: publicRuntimeConfig.NEXT_PUBLIC_SITE, siteName }); const pageKey = (path === "" ? "index" : path) as keyof typeof pagesObject; const page = pages.find((x) => x.key === pageKey); const title = page ? `${getPageTitle(page)} - ${siteName}` : siteName; return ( {title}

{siteName} Demo

); } export default MyApp;