fix(web): icon font-family

Signed-off-by: Godefroy Ponsinet <godefroy.ponsinet@outlook.com>

client/react-native/common/components/Screens/Contacts/Add/ByPublicKey.js

@@ -91,7 +91,7 @@ class ByPublicKey extends PureComponent {
                   selectTextOnFocus
                 />
                 {routeName === 'Enter a public key' && (
-                  <Flex.Cols>
+                  <Flex.Cols justify='center'>
                     <Button
                       icon='plus'
                       background={colors.blue}
@@ -101,7 +101,7 @@ class ByPublicKey extends PureComponent {
                       height={24}
                       medium
                       middle
-                      justify='center'
+                      center
                       onPress={async () => {
                         try {
                           await mutations.contactRequest.commit({

client/react-native/common/components/Screens/Contacts/Add/ByQRCode.js

@@ -29,50 +29,56 @@ class ByQRCode extends PureComponent {
           {routeName === 'Scan a QR code' && (
             <Fragment>
               <QRReader />
-              <Button
-                icon='plus'
-                background={colors.blue}
-                margin
-                padding
-                rounded={23}
-                height={24}
-                medium
-                middle
-                onPress={async () => {
-                  try {
-                    console.log(
-                      await commit(mutations.ContactRequest, { contactID })
-                    )
-                    navigation.goBack(null)
-                  } catch (err) {
-                    this.setState({ err })
-                    console.error(err)
-                  }
-                }}
-              >
-                ADD THIS KEY
-              </Button>
+              <Flex.Cols justify='center'>
+                <Button
+                  icon='plus'
+                  background={colors.blue}
+                  margin
+                  padding
+                  rounded={23}
+                  height={24}
+                  medium
+                  middle
+                  center
+                  onPress={async () => {
+                    try {
+                      console.log(
+                        await commit(mutations.ContactRequest, { contactID })
+                      )
+                      navigation.goBack(null)
+                    } catch (err) {
+                      this.setState({ err })
+                      console.error(err)
+                    }
+                  }}
+                >
+                  ADD THIS KEY
+                </Button>
+              </Flex.Cols>
             </Fragment>
           )}
           {routeName === 'View my QR code' &&
             Platform.OS === 'web' && (
             <Fragment>
               <QRCode value={myID} logo={logo} size={256} logoWidth={100} />
-              <Button
-                icon='share'
-                background={colors.blue}
-                margin
-                padding
-                rounded={23}
-                height={24}
-                medium
-                middle
-                onPress={() => {
-                  console.log('Share: ', myID)
-                }}
-              >
-                  SHARE THE KEY
-              </Button>
+              <Flex.Cols justify='center'>
+                <Button
+                  icon='plus'
+                  background={colors.blue}
+                  margin
+                  padding
+                  rounded={23}
+                  height={24}
+                  medium
+                  middle
+                  center
+                  onPress={() => {
+                    console.log('Share: ', myID)
+                  }}
+                >
+                    SHARE THE KEY
+                </Button>
+              </Flex.Cols>
             </Fragment>
           )}
         </Flex.Rows>

client/react-native/common/components/Screens/Contacts/Add/Choice.js

@@ -20,7 +20,7 @@ export default class Choice extends PureComponent {
             navigation={navigation}
           />
           <Item
-            icon='square'
+            icon='material-qrcode-scan'
             name='QR Code'
             link='contacts/add/by-qr-code'
             navigation={navigation}

client/react-native/web/index.web.js

@@ -1,37 +1,36 @@
-import('../common/index.js')
 import IconAwesome from 'react-native-vector-icons/Fonts/FontAwesome.ttf'
-import IconFeather from 'react-native-vector-icons/Fonts/Feather.ttf';
+import IconFeather from 'react-native-vector-icons/Fonts/Feather.ttf'
 import IconMatCom from 'react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf'
+import('../common/index.js')
 
-/******* Fonts ***********/
+/** ***** Fonts ***********/
 
 // Generate required css
 const iconFontStyles = `
 @font-face {
   src: url(${IconAwesome});
-  font-family: Feather;
+  font-family: FontAwesome;
 }
 @font-face {
   src: url(${IconFeather});
   font-family: Feather;
 }
 @font-face {
   src: url(${IconMatCom});
-  font-family: Feather;
+  font-family: MaterialCommunityIcons;
 }
-`;
+`
 
 // Create stylesheet
-const style = document.createElement('style');
-style.type = 'text/css';
+const style = document.createElement('style')
+style.type = 'text/css'
 if (style.styleSheet) {
-  style.styleSheet.cssText = iconFontStyles;
+  style.styleSheet.cssText = iconFontStyles
 } else {
-  style.appendChild(document.createTextNode(iconFontStyles));
+  style.appendChild(document.createTextNode(iconFontStyles))
 }
 
 // Inject stylesheet
-document.head.appendChild(style);
-
+document.head.appendChild(style)
 
-/************ End fonts **********/
+/** ********** End fonts **********/