railbird-gql/App.tsx

import { DEV_USER_ID } from "@env";
import React, { useEffect } from "react";
import { ClientProvider, useAuthHeader } from "./graphql/client";
import AppNavigator from "./navigation/app-navigator";
import { getCurrentUserToken } from "./auth";

// TODO: can be done when we go with a src top level directory -- should live on cofig
const SetAuthHeaderBasedOnEnv = () => {
	const { setAuthHeader } = useAuthHeader();


	useEffect(() => {
		const setAuthAsync = async () => {
			// if (DEV_USER_ID) {
			// 	console.log("Setting fake authorization user to: ", DEV_USER_ID);
			// 	setAuthHeader({ key: "user_id", value: DEV_USER_ID });
			// } else {
			// Fetch token for authenticated users in production
			const token = await getCurrentUserToken();
			if (token) {
				console.log("Setting firebase auth token");
				setAuthHeader({ key: "Authorization", value: `Bearer ${token}` });
			}
			// }
		};

		setAuthAsync();
	}, [setAuthHeader]);

	return null;
};

const App: React.FC = () => {
	return (
		<ClientProvider>
			<SetAuthHeaderBasedOnEnv />
			<AppNavigator />
		</ClientProvider>
	);
};

export default function Root() {
	return (
		<React.StrictMode>
			<App />
		</React.StrictMode>
	);
}