change icon font

android/app/build.gradle

@@ -4,7 +4,7 @@ apply plugin: "com.facebook.react"
 apply from: file("../../node_modules/react-native-vector-icons/fonts.gradle")
 
 project.ext.vectoricons = [
-    iconFontNames: [ 'Feather.ttf', 'Ionicons.ttf' ]
+    iconFontNames: [ 'MaterialCommunityIcons.ttf' ]
 ]
 
 /**

ios/keycardExit/Info.plist

@@ -60,7 +60,7 @@
 	<key>UIAppFonts</key>
 	<array>
 		<string>Inter.ttf</string>
-		<string>Feather.ttf</string>
+		<string>MaterialCommunityIcons.ttf</string>
 	</array>
 </dict>
 </plist>

src/NFCModal.tsx

@@ -1,7 +1,7 @@
 import React, {FC} from "react";
 import {Platform, Text, View } from "react-native";
 import Modal from "react-native-modal/dist/modal";
-import Icon from 'react-native-vector-icons/Feather';
+import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 import Button from "./components/Button";
 import Styles from "./Styles";
 
@@ -18,7 +18,7 @@ const NFCModal: FC<NFCModalProps> = props => {
         <View style={Styles.modalContent}>
           <Text style={Styles.modalHeader}>Ready to Scan</Text>
           <View style={Styles.modalIconContainer}>
-          <Icon name="smartphone" size={40} style={Styles.modalIcon}/>
+          <Icon name="nfc-tap" size={40} style={Styles.modalIcon}/>
           </View>
           <Text style={Styles.modalPrompt}>Tap your Keycard</Text>
           <View style={Styles.navContainer}>

src/components/Button.tsx

@@ -1,6 +1,6 @@
 import {FC } from "react";
 import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import Icon from 'react-native-vector-icons/Feather';
+import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 
 type ButtonProps = {
   label?: string;

src/components/DialpadKeypad.tsx

@@ -1,6 +1,6 @@
 import {FC } from "react";
 import { StyleSheet, Text, View, FlatList, TouchableOpacity } from "react-native";
-import Icon from 'react-native-vector-icons/Feather';
+import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 
 type DialpadKeypadProps = {
   dialPadContent: any[];
@@ -26,7 +26,7 @@ const  DialpadKeypad: FC<DialpadKeypadProps> = props => {
              ]}
            >
              {item === "X" ? (
-               <Icon name="delete" size={24} color="white" />
+               <Icon name="backspace-outline" size={24} color="white" />
              ) : (
                <Text
                  style={[{ fontSize: dialPadTextSize }, styles.dialPadText]}

src/components/SubMenuModal.tsx

@@ -1,8 +1,6 @@
 import React, {FC} from "react";
 import {StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import Modal from "react-native-modal/dist/modal";
-import Styles from "../Styles";
-import Button from "./Button";
 
 type SubMenuProps = {
   isVisible: boolean;

src/components/steps/HomeScreen.tsx

@@ -9,7 +9,7 @@ import { sha256 } from "@noble/hashes/sha256";
 import ReceiveModal from "../../ReceiveModal";
 import Dialpad from "../Dialpad";
 import Styles from "../../Styles";
-import Icon from 'react-native-vector-icons/Feather';
+import Icon from 'react-native-vector-icons/MaterialCommunityIcons';
 import SubMenuModal from "../SubMenuModal";
 
 enum HomeSteps {
@@ -102,12 +102,11 @@ const  HomeScreen: FC<HomeScreenProps> = props => {
     <View>
       <View style={styles.homeTextContainer}>
         <Text style={styles.homeHeading}>My Operators</Text>
-        <TouchableOpacity style={styles.subMenu} onPress={openSubMenu}><Icon name="more-horizontal" size={24} color="white" /></TouchableOpacity>
+        <TouchableOpacity style={styles.subMenu} onPress={openSubMenu}><Icon name="dots-horizontal" size={24} color="white" /></TouchableOpacity>
       </View>
       <SubMenuModal isVisible={isMenuVisible} onFactoryReset={onFactoryResetFunc} onLogout={onCancelFunc} onChangeFunc={() => {setMenuVisible(false)}}/>
       <Button label="Scan" disabled={false}  onChangeFunc={() => setStep(HomeSteps.ScanCode)}></Button>
       <Button label="Receive" disabled={false}  onChangeFunc={() => setReceiveVisible(true)}></Button>
-      <Button label="Cancel" disabled={false}  onChangeFunc={onCancelFunc}></Button>
       <ReceiveModal address={walletAddress()} isVisible={receiveVisible} onChangeFunc={() => {setReceiveVisible(false)} } />
     </View>
     }
@@ -122,11 +121,11 @@ const  HomeScreen: FC<HomeScreenProps> = props => {
 
 const styles = StyleSheet.create({
   homeTextContainer: {
-    paddingTop: 45,
+    paddingVertical: 40,
     flexDirection: 'row',
     width: '95%',
     marginLeft: '2.5%',
-    marginRight: '2.5%'
+    marginRight: '2.5%',
   },
   homeHeading: {
     textAlign: 'center',
@@ -141,7 +140,8 @@ const styles = StyleSheet.create({
   subMenu: {
     flexGrow: 0,
     flexShrink: 1,
-    flexBasis: 24
+    flexBasis: 24,
+    justifyContent: 'center'
   },
   prompt: {
     textAlign: 'center',