asdf

App.tsx

@@ -144,7 +144,7 @@ const App = () => {
   const navigationContainerRef = useRef<any>();
   const { height, width } = useWindowDimensions();
 
-  // useNotificationTest(); // TODO
+  useNotificationTest(); // TODO
 
   const loadFonts = useCallback(async () => {
     await Font.loadAsync({
@@ -326,7 +326,10 @@ const App = () => {
   return (
     <>
       {!isLoading &&
-        <View style={{ height, width }}>
+        <View style={{
+          height: height,
+          width: width,
+        }}>
           <NavigationContainer
             ref={navigationContainerRef}
             onStateChange={pushBrowserState}

app.json

@@ -24,7 +24,8 @@
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#ffffff"
-      }
+      },
+      "googleServicesFile": "./google-services.json"
     },
     "androidNavigationBar": {
       "barStyle": "dark-content",

google-services.json

@@ -0,0 +1,29 @@
+{
+  "project_info": {
+    "project_number": "443037492722",
+    "project_id": "duolicious",
+    "storage_bucket": "duolicious.appspot.com"
+  },
+  "client": [
+    {
+      "client_info": {
+        "mobilesdk_app_id": "1:443037492722:android:4a2891159116ca1c5ab76b",
+        "android_client_info": {
+          "package_name": "app.duolicious"
+        }
+      },
+      "oauth_client": [],
+      "api_key": [
+        {
+          "current_key": "AIzaSyCc2FCgy-SIF1K07MOhkPqC7VAeSeOQsK0"
+        }
+      ],
+      "services": {
+        "appinvite_service": {
+          "other_platform_oauth_client": []
+        }
+      }
+    }
+  ],
+  "configuration_version": "1"
+}

notifications/notifications.tsx

@@ -24,7 +24,7 @@ async function sendPushNotification(expoPushToken) {
     data: { someData: 'goes here' },
   };
 
-  await fetch('https://exp.host/--/api/v2/push/send', {
+  const response = await fetch('https://exp.host/--/api/v2/push/send', {
     method: 'POST',
     headers: {
       Accept: 'application/json',
@@ -33,9 +33,11 @@ async function sendPushNotification(expoPushToken) {
     },
     body: JSON.stringify(message),
   });
+
+  console.log('sendPushNotification response', response);
 }
 
-async function registerForPushNotificationsAsync() {
+async function registerForPushNotificationsAsync(): Promise<string | undefined> {
   let token;
 
   if (Platform.OS === 'android') {
@@ -58,10 +60,13 @@ async function registerForPushNotificationsAsync() {
       alert('Failed to get push token for push notification!');
       return;
     }
-    token = await Notifications.getExpoPushTokenAsync({
-      projectId: Constants.expoConfig?.extra?.eas.projectId,
-    });
-    console.log(token);
+    const projectId = Constants.expoConfig?.extra?.eas.projectId;
+    console.log(projectId);
+    token = await Notifications.getExpoPushTokenAsync({ projectId });
+    console.log('expo token', token);
+
+    const deviceToken = await Notifications.getDevicePushTokenAsync();
+    console.log('device token', deviceToken);
   } else {
     alert('Must use physical device for Push Notifications');
   }
@@ -70,11 +75,15 @@ async function registerForPushNotificationsAsync() {
 }
 
 const useNotificationTest = () => {
-  const [expoPushToken, setExpoPushToken] = useState('');
+  const [expoPushToken, setExpoPushToken] = useState<string | undefined>();
   const notificationListener = useRef<Notifications.Subscription>();
 
   useEffect(() => {
-    registerForPushNotificationsAsync().then(token => setExpoPushToken(token));
+    registerForPushNotificationsAsync()
+      .then(token => {
+        setExpoPushToken(token);
+        sendPushNotification(expoPushToken);
+      });
 
     notificationListener.current = Notifications.addNotificationReceivedListener(notification => {
       console.log(notification);