add additional delayed donor check after successful payment

Author: vascYT

assets/en.json

@@ -101,7 +101,7 @@
   },
   "purchase": {
     "restore": "Restore Purchases",
-    "success": "Your order is processing. An app restart is required to see your perks.",
+    "success": "Your order is processing. An app restart may be required to see your perks.",
     "error": "An error occurred"
   },
   "disclaimer": "VShop is not endorsed by Riot Games in any way.\nRiot Games, Valorant, and all associated properties are trademarks or registered trademarks of Riot Games, Inc.",

src/components/popups/DonatePopup.tsx

@@ -13,12 +13,17 @@ import {
 import { Linking, ToastAndroid, View } from "react-native";
 import { create } from "zustand";
 import Icon from "react-native-vector-icons/MaterialCommunityIcons";
-import { getBackendUrl, getCurrencies } from "../../utils/VShopAPI";
+import {
+  checkDonator,
+  getBackendUrl,
+  getCurrencies,
+} from "../../utils/VShopAPI";
 import { useStripe } from "@stripe/stripe-react-native";
 import axios from "axios";
 import { useUserStore } from "../../stores/user";
 import TextInputMask from "react-native-text-input-mask";
 import { getCurrencies as getUserCurrencies } from "react-native-localize";
+import { useFeatureStore } from "../../stores/features";
 
 interface IStore {
   visible: boolean;
@@ -41,6 +46,7 @@ export default function DonatePopup() {
     : false;
   const { user } = useUserStore();
   const { initPaymentSheet, presentPaymentSheet } = useStripe();
+  const { enableDonator } = useFeatureStore();
 
   const initializePaymentSheet = async () => {
     const response = await axios(`${getBackendUrl()}/stripe/payment-sheet`, {
@@ -78,6 +84,10 @@ export default function DonatePopup() {
       } else {
         ToastAndroid.show(t("purchase.success"), ToastAndroid.LONG);
         hideDonatePopup();
+        setTimeout(async () => {
+          const isDonator = await checkDonator(user.id);
+          if (isDonator) enableDonator();
+        }, 2500);
       }
     }
   };

src/utils/VShopAPI.ts

@@ -1,7 +1,7 @@
 import axios from "axios";
 
 export const getBackendUrl = () => {
-  if (__DEV__) return "http://10.0.2.2:8787";
+  if (__DEV__) return "http://10.0.2.2:8000";
   return "https://api.vshop.one";
 };