[TMA-356] Updated icons (#118)

* updated icons

* added small icons

* fixed a bug

* now using the correct assets, fixed a bug

1 files changed, 9 insertions, 5 deletions

diff --git a/src/components/common/NavigationIcon.tsx b/src/components/common/NavigationIcon.tsx
index 8bf8b4a0..8fff18f4 100644
--- a/src/components/common/NavigationIcon.tsx
+++ b/src/components/common/NavigationIcon.tsx
@@ -17,8 +17,8 @@ const NavigationIcon = (props: NavigationIconProps) => {
   switch (props.tab) {
     case 'Home':
       imgSrc = props.disabled
-        ? require('../../assets/navigationIcons/home-new.png')
-        : require('../../assets/navigationIcons/home-new-clicked.png');
+        ? require('../../assets/navigationIcons/home.png')
+        : require('../../assets/navigationIcons/home-clicked.png');
       break;
     case 'Search':
       imgSrc = props.disabled
@@ -44,16 +44,16 @@ const NavigationIcon = (props: NavigationIconProps) => {
       imgSrc = null;
   }
   return (
-    <View style={styles.icon}>
+    <View style={styles.container}>
       <TouchableOpacity {...props}>
-        <Image source={imgSrc} />
+        <Image source={imgSrc} style={styles.icon} />
       </TouchableOpacity>
     </View>
   );
 };
 
 const styles = StyleSheet.create({
-  icon: {
+  container: {
     flex: 1,
     justifyContent: 'center',
     shadowColor: '#000000',
@@ -64,6 +64,10 @@ const styles = StyleSheet.create({
     shadowRadius: 2,
     shadowOpacity: 0.4,
   },
+  icon: {
+    height: 30,
+    width: 30,
+  },
 });
 
 export default NavigationIcon;