diff --git a/app/src/screens/MainScreen.tsx b/app/src/screens/MainScreen.tsx index 85c8a77c2..64bdc2451 100644 --- a/app/src/screens/MainScreen.tsx +++ b/app/src/screens/MainScreen.tsx @@ -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; - 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 = () => { + + {selectedTab === "scan" ? "Scan" : (selectedTab === "app" ? "Apps" : "Prove")} - - + + -