From 2405d0dc1c353621aaea353d864f69a0c6f8663e Mon Sep 17 00:00:00 2001
From: Michele Balistreri <michele@bitgamma.com>
Date: Wed, 9 Oct 2024 07:48:07 +0200
Subject: [PATCH] change icon font

---
 android/app/build.gradle            |  2 +-
 ios/keycardExit/Info.plist          |  2 +-
 src/NFCModal.tsx                    |  4 ++--
 src/components/Button.tsx           |  2 +-
 src/components/DialpadKeypad.tsx    |  4 ++--
 src/components/SubMenuModal.tsx     |  2 --
 src/components/steps/HomeScreen.tsx | 12 ++++++------
 7 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/android/app/build.gradle b/android/app/build.gradle
index 0c86c48..d68be79 100644
--- a/android/app/build.gradle
+++ b/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' ]
 ]
 
 /**
diff --git a/ios/keycardExit/Info.plist b/ios/keycardExit/Info.plist
index 7039983..a17b396 100644
--- a/ios/keycardExit/Info.plist
+++ b/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>
diff --git a/src/NFCModal.tsx b/src/NFCModal.tsx
index 0199def..d0709e8 100644
--- a/src/NFCModal.tsx
+++ b/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}>
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 5d8694f..0c4ef80 100644
--- a/src/components/Button.tsx
+++ b/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;
diff --git a/src/components/DialpadKeypad.tsx b/src/components/DialpadKeypad.tsx
index 0f2a7bf..15f363d 100644
--- a/src/components/DialpadKeypad.tsx
+++ b/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]}
diff --git a/src/components/SubMenuModal.tsx b/src/components/SubMenuModal.tsx
index acedfa4..bc1cd8c 100644
--- a/src/components/SubMenuModal.tsx
+++ b/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;
diff --git a/src/components/steps/HomeScreen.tsx b/src/components/steps/HomeScreen.tsx
index 9baefbd..c4ecf20 100644
--- a/src/components/steps/HomeScreen.tsx
+++ b/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',