added adds

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+    "colorWheel.settings.workspaceColor": "hsl(274,14%,47%)"
+}

app.config.js

@@ -0,0 +1,7 @@
+// <project-root>/app.config.js
+module.exports = {
+    'react-native-google-mobile-ads': {
+      android_app_id: 'ca-app-pub-1123677122450039~1476527684',
+    },
+  };
+

app.json

@@ -27,10 +27,14 @@
     "web": {
       "favicon": "./assets/favicon.png"
     },
+    "react-native-google-mobile-ads": {
+      "android_app_id": "ca-app-pub-7178411625478900389~9063717869"
+    },
     "extra": {
       "eas": {
-        "projectId": "30868ac6-0d1e-41eb-a46b-8ff4e5b055dd"
+        "projectId": "ca-app-pub-1123677122450039~1476527684"
       }
     }
   }
 }
+

components/ExpensesOutput/ExpensesOutput.js

@@ -4,8 +4,17 @@ import Lottie from 'lottie-react-native'
 import { GlobalStyles } from '../../constants/styles';
 import ExpensesList from './ExpensesList';
 import ExpensesSummary from './ExpensesSummary';
+import { BannerAd, BannerAdSize, TestIds } from 'react-native-google-mobile-ads';
 
+const adUnitId = __DEV__ ? TestIds.ADAPTIVE_BANNER : 'ca-app-pub-xxxxxxxxxxxxx/yyyyyyyyyyyyyy';
 
+import  { AdsConsentInterface } from "react-native-google-mobile-ads";
+
+let AdsConsent= undefined;
+
+if (isExpoGo) {
+    AdsConsent = require("react-native-google-mobile-ads").AdsConsent;
+}
 
 function ExpensesOutput({ expenses, expensesPeriod, fallbackText }) {
     let content = <Text style={styles.infoText}>{fallbackText}</Text>;
@@ -18,6 +27,10 @@ function ExpensesOutput({ expenses, expensesPeriod, fallbackText }) {
     const animationRef = useRef();
     return (
         <View style={styles.container}>
+        <BannerAd
+      unitId={adUnitId}
+      size={BannerAdSize.ANCHORED_ADAPTIVE_BANNER}
+    />
             <ExpensesSummary expenses={expenses} periodName={expensesPeriod} />
             {content}
             <Lottie style={[styles.logo, { height: height * 0.3, marginLeft: 20 }]}