feat(HW-542): All Networks mobile implementation (#2086)

* feat(HW-638): All networks selector * feat(HW-639): ProviderStore refactoring * feat(HW-639): Fetch balances tokens transactions nfts * feat(HW-639): all networks fetching fixes * feat(HW-650): Remove provider from context * feat(HW-650): Add observers for mobx providers * feat(HW-650): Fix initialization issues * feat(HW-650): Fix balance issues * increase version to 1.9.2
haqq-network · Sep 9, 2024 · 2c01393 · 2c01393
1 parent 566ef6c
commit 2c01393
Show file tree

Hide file tree

Showing 121 changed files with 1,696 additions and 1,470 deletions.
diff --git a/android/app/src/main/res/drawable-hdpi/networks.png b/android/app/src/main/res/drawable-hdpi/networks.png
diff --git a/android/app/src/main/res/drawable-mdpi/networks.png b/android/app/src/main/res/drawable-mdpi/networks.png
diff --git a/android/app/src/main/res/drawable-xhdpi/networks.png b/android/app/src/main/res/drawable-xhdpi/networks.png
diff --git a/android/app/src/main/res/drawable-xxhdpi/networks.png b/android/app/src/main/res/drawable-xxhdpi/networks.png
diff --git a/android/app/src/main/res/drawable-xxxhdpi/networks.png b/android/app/src/main/res/drawable-xxxhdpi/networks.png
diff --git a/index.js b/index.js
@@ -22,6 +22,7 @@ import {name as appName} from './app.json';
 import {App} from './src/app';
 import './src/event-actions';
 import {Jailbreak} from './src/jailbreak';
+import {Provider} from '@app/models/provider';
 
 if (!global.BigInt) {
   const BigInt = require('big-integer');
@@ -100,8 +101,8 @@ JsonRpcProvider.prototype.send = async function (method, params) {
 
   const eventParams = {
     type: 'EVM',
-    network: app.provider.name,
-    chainId: `${app.provider.ethChainId}`,
+    network: Provider.selectedProvider.name,
+    chainId: `${Provider.selectedProvider.ethChainId}`,
     address: parsedAddressFrom,
   };
 

diff --git a/ios/haqq/Images.xcassets/networks.imageset/Contents.json b/ios/haqq/Images.xcassets/networks.imageset/Contents.json
@@ -0,0 +1,12 @@
+{
+  "images": [
+    {
+      "filename": "networks.svg",
+      "idiom": "universal"
+    }
+  ],
+  "info": {
+    "author": "xcode",
+    "version": 1
+  }
+}
diff --git a/ios/haqq/Images.xcassets/networks.imageset/networks.svg b/ios/haqq/Images.xcassets/networks.imageset/networks.svg
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "haqq",
-  "version": "1.9.1",
+  "version": "1.9.2",
   "private": true,
   "scripts": {
     "android": "react-native run-android",

diff --git a/src/app.tsx b/src/app.tsx
@@ -125,7 +125,7 @@ export const App = () => {
     sleep(150)
       .then(async () => await app.awaitForInitialization())
       .then(() => SplashScreen.hide())
-      .then(() => awaitForEventDone(Events.onAppInitialized))
+      .then(async () => await awaitForEventDone(Events.onAppInitialized))
       .then(async () => await Language.init())
       .then(async () => {
         await Stories.fetch(true);

diff --git a/src/components/account-detail.tsx b/src/components/account-detail.tsx
@@ -21,9 +21,9 @@ import {
   InfoBlock,
   Text,
 } from '@app/components/ui';
-import {app} from '@app/contexts';
 import {createTheme} from '@app/helpers';
 import {I18N} from '@app/i18n';
+import {Provider} from '@app/models/provider';
 import {Wallet} from '@app/models/wallet';
 import {sendNotification} from '@app/services';
 import {GRADIENT_END, GRADIENT_START} from '@app/variables/common';
@@ -76,7 +76,7 @@ export const AccountDetail = observer(
               title={I18N.evmTitle}
               component={null}
             />
-            {app.provider.config.isBech32Enabled && (
+            {Provider.selectedProvider.config.isBech32Enabled && (
               <TopTabNavigator.Tab
                 name={TabNames.bech32}
                 title={I18N.bech32Title}
@@ -90,8 +90,8 @@ export const AccountDetail = observer(
           style={styles.info}
           i18n={I18N.modalDetailsQRWarning}
           i18params={{
-            assetName: app.provider.denom,
-            networkName: app.provider.name,
+            assetName: Provider.selectedProvider.denom,
+            networkName: Provider.selectedProvider.name,
           }}
           icon={<Icon name="warning" color={Color.textYellow1} />}
         />

diff --git a/src/components/animated-balance.tsx b/src/components/animated-balance.tsx
@@ -5,8 +5,8 @@ import Timer from 'react-timer-mixin';
 
 import {Color, getColor} from '@app/colors';
 import {Text, TextVariant} from '@app/components/ui';
-import {app} from '@app/contexts';
 import {cleanNumber, createTheme} from '@app/helpers';
+import {Provider} from '@app/models/provider';
 
 type Props = {
   value: number;
@@ -85,7 +85,7 @@ export class AnimateNumber extends Component<Props, State> {
           color={Color.textBase3}
           numberOfLines={1}
           style={styles.currencySuffixText}>
-          {` ${app.provider.denom}`}
+          {` ${Provider.selectedProvider.denom}`}
         </Text>
       </View>
     );

diff --git a/src/components/home-earn.tsx b/src/components/home-earn.tsx
@@ -5,10 +5,10 @@ import {RefreshControl, ScrollView, TouchableOpacity, View} from 'react-native';
 import {RiveRef} from 'rive-react-native';
 
 import {Color} from '@app/colors';
-import {app} from '@app/contexts';
 import {cleanNumber, createTheme} from '@app/helpers';
 import {useThemeSelector} from '@app/hooks';
 import {I18N} from '@app/i18n';
+import {Provider} from '@app/models/provider';
 import {Raffle} from '@app/types';
 import {SHADOW_L} from '@app/variables/shadows';
 
@@ -114,7 +114,7 @@ export const HomeEarn = observer(
                   variant={TextVariant.t14}
                   color={Color.textBase2}
                   i18n={I18N.earnStakingDescription}
-                  i18params={{symbol: app.provider.denom}}
+                  i18params={{symbol: Provider.selectedProvider.denom}}
                 />
               </View>
             </View>
@@ -129,7 +129,7 @@ export const HomeEarn = observer(
                   <Text variant={TextVariant.t14} i18n={I18N.earnRewards} />
                   <Spacer width={5} />
                   <Text variant={TextVariant.t13} color={Color.textGreen1}>
-                    {`${formattedRewardAmount} ${app.provider.denom}`}
+                    {`${formattedRewardAmount} ${Provider.selectedProvider.denom}`}
                   </Text>
                   <Spacer flex={1} />
                   {showStakingGetRewardsButtons && (

diff --git a/src/components/home-staking/staking-active.tsx b/src/components/home-staking/staking-active.tsx
@@ -20,10 +20,10 @@ import {
   TextPosition,
   TextVariant,
 } from '@app/components/ui';
-import {app} from '@app/contexts';
 import {createTheme} from '@app/helpers';
 import {useTheme} from '@app/hooks';
 import {I18N} from '@app/i18n';
+import {Provider} from '@app/models/provider';
 import {Balance} from '@app/services/balance';
 import {AppTheme} from '@app/types';
 import {IS_IOS} from '@app/variables/common';
@@ -106,7 +106,7 @@ export const StakingActive = observer(
             position={TextPosition.center}
             color={Color.textBase2}
             i18n={I18N.homeStakingEmpty}
-            i18params={{symbol: app.provider.denom}}
+            i18params={{symbol: Provider.selectedProvider.denom}}
           />
           <Spacer height={36} />
           <Lottie

diff --git a/src/components/home-staking/staking-empty.tsx b/src/components/home-staking/staking-empty.tsx
@@ -11,9 +11,9 @@ import {
   TextPosition,
   TextVariant,
 } from '@app/components/ui';
-import {app} from '@app/contexts';
 import {createTheme} from '@app/helpers';
 import {I18N} from '@app/i18n';
+import {Provider} from '@app/models/provider';
 import {Balance} from '@app/services/balance';
 
 interface StakingEmptyProps {
@@ -30,7 +30,7 @@ export const StakingEmpty = observer(({availableSum}: StakingEmptyProps) => {
           position={TextPosition.center}
           color={Color.textBase2}
           i18n={I18N.homeStakingEmpty}
-          i18params={{symbol: app.provider.denom}}
+          i18params={{symbol: Provider.selectedProvider.denom}}
         />
         <Spacer height={36} />
         <View style={styles.circleIconContainer}>

diff --git a/src/components/json-rpc-sign/json-rpc-common-transaction.tsx b/src/components/json-rpc-sign/json-rpc-common-transaction.tsx
@@ -20,7 +20,7 @@ import {shortAddress} from '@app/helpers/short-address';
 import {I18N} from '@app/i18n';
 import {Contracts} from '@app/models/contracts';
 import {Fee} from '@app/models/fee';
-import {Provider} from '@app/models/provider';
+import {ProviderModel} from '@app/models/provider';
 import {Token} from '@app/models/tokens';
 import {Balance} from '@app/services/balance';
 import {JsonRpcMetadata, JsonRpcTransactionRequest} from '@app/types';
@@ -34,7 +34,7 @@ export interface JsonRpcCommonTransactionProps {
   showSignContratAttention: boolean;
   functionName?: string;
   isContract: boolean;
-  provider: Provider | undefined;
+  provider: ProviderModel | undefined;
   isFeeLoading: boolean;
   fee: Fee | null | undefined;
   tx: Partial<JsonRpcTransactionRequest> | undefined;

diff --git a/src/components/json-rpc-sign/json-rpc-swap-transaction.tsx b/src/components/json-rpc-sign/json-rpc-swap-transaction.tsx
@@ -29,7 +29,7 @@ import {I18N} from '@app/i18n';
 import {Contracts} from '@app/models/contracts';
 import {Currencies} from '@app/models/currencies';
 import {Fee} from '@app/models/fee';
-import {Provider} from '@app/models/provider';
+import {ProviderModel} from '@app/models/provider';
 import {Token} from '@app/models/tokens';
 import {Wallet} from '@app/models/wallet';
 import {Balance} from '@app/services/balance';
@@ -50,7 +50,7 @@ import {
 
 export interface JsonRpcSwapTransactionProps {
   metadata: JsonRpcMetadata;
-  provider: Provider | undefined;
+  provider: ProviderModel | undefined;
   isFeeLoading: boolean;
   functionName: string;
   fee: Fee | null | undefined;