mirrors/BlueWallet
1
0
Fork 0
mirror of https://github.com/BlueWallet/BlueWallet.git synced 2025-02-22 15:04:50 +01:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2846 from BlueWallet/loadingnetworkfees

Browse source 
ADD: Loading indicator for network transaction fees.
This commit is contained in:
GLaDOS 2021-03-26 12:23:43 +00:00 • committed by GitHub
commit cc1e148e25
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
screen/send/details.js
View file

@ -73,6 +73,7 @@ const SendDetails = () => {
const [units, setUnits] = useState([]);
const [memo, setMemo] = useState('');
const [networkTransactionFees, setNetworkTransactionFees] = useState(new NetworkTransactionFee(3, 2, 1));
const [networkTransactionFeesIsLoading, setNetworkTransactionFeesIsLoading] = useState(false);
const [customFee, setCustomFee] = useState(null);
const [feePrecalc, setFeePrecalc] = useState({ current: null, slowFee: null, mediumFee: null, fastestFee: null });
const [feeUnit, setFeeUnit] = useState();
@ -164,13 +165,20 @@ const SendDetails = () => {
.catch(e => console.log('loading cached recommendedFees error', e));
// load fresh fees from servers
LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
setNetworkTransactionFeesIsLoading(true);
NetworkTransactionFees.recommendedFees()
.then(async fees => {
if (!fees?.fastestFee) return;
setNetworkTransactionFees(fees);
await AsyncStorage.setItem(NetworkTransactionFee.StorageKey, JSON.stringify(fees));
})
.catch(e => console.log('loading recommendedFees error', e));
.catch(e => console.log('loading recommendedFees error', e))
.finally(() => {
LayoutAnimation.configureNext(LayoutAnimation.Presets.easeInEaseOut);
setNetworkTransactionFeesIsLoading(false);
});
}, []); // eslint-disable-line react-hooks/exhaustive-deps
// change header and reset state on wallet change
@ -1316,11 +1324,16 @@ const SendDetails = () => {
style={styles.fee}
>
<Text style={[styles.feeLabel, stylesHook.feeLabel]}>{loc.send.create_fee}</Text>
<View style={[styles.feeRow, stylesHook.feeRow]}>
<Text style={stylesHook.feeValue}>
{feePrecalc.current ? formatFee(feePrecalc.current) : feeRate + ' ' + loc.units.sat_byte}
</Text>
</View>
{networkTransactionFeesIsLoading ? (
<ActivityIndicator />
) : (
<View style={[styles.feeRow, stylesHook.feeRow]}>
<Text style={stylesHook.feeValue}>
{feePrecalc.current ? formatFee(feePrecalc.current) : feeRate + ' ' + loc.units.sat_byte}
</Text>
</View>
)}
</TouchableOpacity>
{renderCreateButton()}
{renderFeeSelectionModal()}