49 lines
1.2 KiB
TypeScript
49 lines
1.2 KiB
TypeScript
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>
|
|
);
|
|
}
|