diff --git a/app/src/screens/MainScreen.tsx b/app/src/screens/MainScreen.tsx index 06d2856a..08b14f14 100644 --- a/app/src/screens/MainScreen.tsx +++ b/app/src/screens/MainScreen.tsx @@ -1,7 +1,7 @@ import React, { useState, useEffect } from 'react'; import { NativeEventEmitter, NativeModules, Linking, Modal, Platform, Pressable, TouchableOpacity, ScrollView } from 'react-native'; import { YStack, XStack, Text, Button, Tabs, Sheet, Label, Fieldset, Input, Switch, H2, Image, useWindowDimensions, H4, H3, View, Separator } from 'tamagui' -import { HelpCircle, IterationCw, VenetianMask, Cog, CheckCircle2, ChevronLeft, Share, Eraser, ArrowRight, UserPlus, CalendarSearch, X, ShieldCheck } from '@tamagui/lucide-icons'; +import { HelpCircle, IterationCw, VenetianMask, Cog, CheckCircle2, ChevronLeft, Share, Eraser, ArrowRight, UserPlus, CalendarSearch, X, ShieldCheck, Info } from '@tamagui/lucide-icons'; import Telegram from '../images/telegram.png' import Github from '../images/github.png' import Internet from "../images/internet.png" @@ -39,6 +39,7 @@ import OPENPASSPORT_LOGO from '../images/openpassport.png' import { countryCodes } from '../../../common/src/constants/constants'; import getCountryISO2 from "country-iso-3-to-2"; import { flag } from 'country-emoji'; +import UserInfo from './UserInfo'; const emitter = (Platform.OS === 'android') ? new NativeEventEmitter(NativeModules.nativeModule) @@ -203,6 +204,9 @@ const MainScreen: React.FC = () => { else if (selectedTab === "valid") { setSelectedTab("app"); } + else if (selectedTab === "userInfo") { + setSelectedTab("app"); + } } useEffect(() => { @@ -289,7 +293,7 @@ const MainScreen: React.FC = () => { - + @@ -330,9 +334,19 @@ const MainScreen: React.FC = () => { handleContribute()} label="Contribute" /> +
+ + +
- -
+
@@ -344,7 +358,7 @@ const MainScreen: React.FC = () => { {displayOtherOptions && ( - +