martin/databag
1
0
Fork 0
mirror of https://github.com/balzack/databag.git synced 2025-04-24 10:35:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

preparing sealing modal

Browse Source
This commit is contained in:
Roland Osborne 2024-09-23 22:57:40 -07:00
parent 1440ac2bba
commit 6e16003784
1 changed files with 23 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
app/client/mobile/src/settings/Settings.tsx
View File

@ -11,6 +11,7 @@ export function Settings({ showLogout }: { showLogout: boolean }) {
const { state, actions } = useSettings();
const [alert, setAlert] = useState(false);
const [details, setDetails] = useState(false);
const [sealing, setSealing] = useState(false);
const [savingDetails, setSavingDetails] = useState(false);
const [savingRegistry, setSavingRegistry] = useState(false);
const [savingNotifications, setSavingNotifications] = useState(false);
@ -164,7 +165,7 @@ export function Settings({ showLogout }: { showLogout: boolean }) {
<Icon size={24} source="cloud-lock-outline" />
</View>
<View style={styles.control}>
<TouchableOpacity activeOpacity={1} onPress={() => manageSeal}>
<TouchableOpacity activeOpacity={1} onPress={() => setSealing(true)}>
<Text style={styles.controlLabel}>{state.strings.manageTopics}</Text>
</TouchableOpacity>
</View>
@ -325,6 +326,27 @@ export function Settings({ showLogout }: { showLogout: boolean }) {
</View>
</View>
</Modal>
<Modal
animationType="fade"
transparent={true}
visible={sealing}
supportedOrientations={['portrait', 'landscape']}
onRequestClose={() => setSealing(false)}>
<View style={styles.modal}>
<BlurView
style={styles.blur}
blurType="dark"
blurAmount={2}
reducedTransparencyFallbackColor="dark"
/>
<KeyboardAwareScrollView style={styles.container} contentContainerStyle={styles.content}>
<Surface elevation={1} mode="flat" style={styles.surface}>
<Text style={styles.modalLabel}>{ state.strings.manageTopics }</Text>
<IconButton style={styles.modalClose} icon="close" size={24} onPress={() => setSealing(false)} />
</Surface>
</KeyboardAwareScrollView>
</View>
</Modal>
<Modal
animationType="fade"
transparent={true}