github/self
1
1
Fork 0
mirror of https://github.com/selfxyz/self.git synced 2026-01-22 21:17:59 -05:00
Code Issues Packages Projects Releases Wiki Activity

add return button

Browse Source
This commit is contained in:
turnoffthiscomputer
2024-05-23 22:18:34 +09:00
parent 197cb6f833
commit 7b02a944d8
1 changed files with 32 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
app/src/screens/MainScreen.tsx
View File

@@ -1,6 +1,6 @@
import React, { useState, useEffect } from 'react';
import { YStack, XStack, Text, Button, Tabs, Sheet, Label, Fieldset, Input, Switch, H2, Image, useWindowDimensions, H4, H3 } from 'tamagui'
import { HelpCircle, IterationCw, VenetianMask, Cog, CheckCircle2 } from '@tamagui/lucide-icons';
import { HelpCircle, IterationCw, VenetianMask, Cog, CheckCircle2, ChevronLeft } from '@tamagui/lucide-icons';
import X from '../images/x.png'
import Telegram from '../images/telegram.png'
import Github from '../images/github.png'
@@ -42,6 +42,24 @@ const MainScreen: React.FC = () => {
secret
} = useUserStore()
const decrementStep = () => {
if (selectedTab === "nfc") {
updateNavigationStore({
selectedTab: "scan",
})
}
else if (selectedTab === "app") {
updateNavigationStore({
selectedTab: "nfc",
})
}
else if (selectedTab === "prove") {
updateNavigationStore({
selectedTab: "app",
})
}
};
const {
showWarningModal,
update: updateNavigationStore,
@@ -99,7 +117,15 @@ const MainScreen: React.FC = () => {
useEffect(() => {
let timeoutId: ReturnType<typeof setTimeout>;
if (step == Steps.MRZ_SCAN_COMPLETED) {
if (step == Steps.MRZ_SCAN) {
updateNavigationStore({
selectedTab: "scan",
})
timeoutId = setTimeout(() => {
setNFCScanIsOpen(false);
}, 0);
}
else if (step == Steps.MRZ_SCAN_COMPLETED) {
updateNavigationStore({
selectedTab: "nfc",
})
@@ -137,14 +163,15 @@ const MainScreen: React.FC = () => {
<YStack f={1} bc="#161616" mt={Platform.OS === 'ios' ? "$8" : "$0"} >
<YStack >
<XStack jc="space-between" ai="center" px="$3">
<Button p="$2" py="$3" unstyled onPress={decrementStep}><ChevronLeft color={selectedTab === "scan" ? "transparent" : "#a0a0a0"} /></Button>
<Text fontSize="$6" color="#a0a0a0">
{selectedTab === "scan" ? "Scan" : (selectedTab === "app" ? "Apps" : "Prove")}
</Text>
<XStack>
<Button p="$2" py="$3" pr="$7" unstyled onPress={() => setSettingsIsOpen(true)}><Cog color="#a0a0a0" /></Button>
<Button p="$2" py="$3" pl="$7" unstyled onPress={() => setHelpIsOpen(true)}><HelpCircle color="#a0a0a0" /></Button>
<Button p="$2" py="$3" unstyled onPress={() => setSettingsIsOpen(true)}><Cog color="#a0a0a0" /></Button>
<Button p="$2" py="$3" unstyled onPress={() => setHelpIsOpen(true)}><HelpCircle color="#a0a0a0" /></Button>
</XStack>
</XStack>
<Sheet open={NFCScanIsOpen} onOpenChange={setNFCScanIsOpen} dismissOnSnapToBottom modal dismissOnOverlayPress={false} disableDrag animation="medium" snapPoints={[35]}>
<Sheet.Overlay />