marcosrdz
5 years ago
7 changed files with 138 additions and 45 deletions
@ -0,0 +1,24 @@ |
|||
import { Platform } from 'react-native'; |
|||
|
|||
const BlueApp = require('../BlueApp'); |
|||
|
|||
export default class HandoffSettings { |
|||
static STORAGEKEY = 'HandOff'; |
|||
|
|||
static async isHandoffUseEnabled() { |
|||
if (Platform.OS !== 'ios') { |
|||
return false; |
|||
} |
|||
try { |
|||
const enabledHandoff = await BlueApp.getItem(HandoffSettings.STORAGEKEY); |
|||
return !!enabledHandoff; |
|||
} catch (_e) { |
|||
await BlueApp.setItem(HandoffSettings.STORAGEKEY, ''); |
|||
return false; |
|||
} |
|||
} |
|||
|
|||
static async setHandoffUseEnabled(value) { |
|||
await BlueApp.setItem(HandoffSettings.STORAGEKEY, value === true && Platform.OS === 'ios' ? '1' : ''); |
|||
} |
|||
} |
|||
@ -0,0 +1,91 @@ |
|||
import React, { useEffect, useState } from 'react'; |
|||
import { ScrollView, Platform } from 'react-native'; |
|||
import { BlueLoading, BlueText, BlueSpacing20, BlueListItem, SafeBlueArea, BlueNavigationStyle, BlueCard } from '../../BlueComponents'; |
|||
import PropTypes from 'prop-types'; |
|||
import { AppStorage } from '../../class'; |
|||
import HandoffSettings from '../../class/handoff'; |
|||
|
|||
let BlueApp: AppStorage = require('../../BlueApp'); |
|||
let loc = require('../../loc'); |
|||
|
|||
const GeneralSettings = () => { |
|||
const [isLoading, setIsLoading] = useState(true); |
|||
const [isAdancedModeEnabled, setIsAdancedModeEnabled] = useState(false); |
|||
const [isHandoffUseEnabled, setIsHandoffUseEnabled] = useState(false); |
|||
|
|||
const onAdvancedModeSwitch = async value => { |
|||
await BlueApp.setIsAdancedModeEnabled(value); |
|||
setIsAdancedModeEnabled(value); |
|||
}; |
|||
|
|||
const onHandOffEnabledSwitch = async value => { |
|||
await HandoffSettings.setHandoffUseEnabled(value); |
|||
setIsHandoffUseEnabled(value); |
|||
}; |
|||
|
|||
useEffect(() => { |
|||
(async () => { |
|||
setIsAdancedModeEnabled(await BlueApp.isAdancedModeEnabled()); |
|||
setIsHandoffUseEnabled(await HandoffSettings.isHandoffUseEnabled()); |
|||
setIsLoading(false); |
|||
})(); |
|||
}); |
|||
|
|||
return isLoading ? ( |
|||
<BlueLoading /> |
|||
) : ( |
|||
<SafeBlueArea forceInset={{ horizontal: 'always' }} style={{ flex: 1 }}> |
|||
<ScrollView> |
|||
<BlueCard> |
|||
{Platform.OS === 'ios' ? ( |
|||
<> |
|||
<BlueListItem |
|||
hideChevron |
|||
title={'Continuity'} |
|||
switchButton |
|||
onSwitch={onHandOffEnabledSwitch} |
|||
switched={isHandoffUseEnabled} |
|||
/> |
|||
<BlueCard> |
|||
<BlueText> |
|||
When enabled, you will be able to view selected wallets, and transactions, using your other Apple iCloud connected |
|||
devices. |
|||
</BlueText> |
|||
</BlueCard> |
|||
<BlueSpacing20 /> |
|||
</> |
|||
) : null} |
|||
<BlueListItem |
|||
hideChevron |
|||
title={loc.settings.enable_advanced_mode} |
|||
switchButton |
|||
onSwitch={onAdvancedModeSwitch} |
|||
switched={isAdancedModeEnabled} |
|||
/> |
|||
<BlueCard> |
|||
<BlueText> |
|||
When enabled, you will see advanced options such as different wallet types and the ability to specify the LNDHub instance you |
|||
wish to connect to. |
|||
</BlueText> |
|||
</BlueCard> |
|||
<BlueSpacing20 /> |
|||
</BlueCard> |
|||
</ScrollView> |
|||
</SafeBlueArea> |
|||
); |
|||
}; |
|||
|
|||
GeneralSettings.navigationOptions = () => ({ |
|||
...BlueNavigationStyle(), |
|||
title: 'General', |
|||
}); |
|||
|
|||
GeneralSettings.propTypes = { |
|||
navigation: PropTypes.shape({ |
|||
navigate: PropTypes.func, |
|||
popToTop: PropTypes.func, |
|||
goBack: PropTypes.func, |
|||
}), |
|||
}; |
|||
|
|||
export default GeneralSettings; |
|||
Loading…
Reference in new issue