Merge pull request #147 from BoostIO/new-style

New style

Author: kazup01

android/app/build.gradle

@@ -138,6 +138,7 @@ android {
 }
 
 dependencies {
+    compile project(':react-native-svg')
     compile project(':react-native-device-info')
     compile project(':react-native-code-push')
     compile project(':react-native-fetch-blob')

android/app/src/main/java/io/boostnote/MainApplication.java

@@ -4,11 +4,13 @@
 
 import com.RNFetchBlob.RNFetchBlobPackage;
 import com.facebook.react.ReactApplication;
+import com.horcrux.svg.SvgPackage;
 import com.facebook.react.ReactNativeHost;
 import com.facebook.react.ReactPackage;
 import com.facebook.soloader.SoLoader;
 import com.learnium.RNDeviceInfo.RNDeviceInfo;
 import com.microsoft.codepush.react.CodePush;
+import com.horcrux.svg.SvgPackage;
 
 import java.util.Arrays;
 import java.util.List;
@@ -33,7 +35,8 @@ protected List<ReactPackage> getPackages() {
           new MyMainReactPackage(),
           new RNDeviceInfo(),
           new RNFetchBlobPackage(),
-          new CodePush("byLfL38UaCCfKxo_2kTLHuR190e81a2d16b3-a6fd-494f-8deb-050bb34a68be", MainApplication.this, BuildConfig.DEBUG)
+          new CodePush("byLfL38UaCCfKxo_2kTLHuR190e81a2d16b3-a6fd-494f-8deb-050bb34a68be", MainApplication.this, BuildConfig.DEBUG),
+          new SvgPackage()
       );
     }
   };

android/settings.gradle

@@ -1,4 +1,6 @@
 rootProject.name = 'boostnotemobile'
+include ':react-native-svg'
+project(':react-native-svg').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-svg/android')
 include ':react-native-device-info'
 project(':react-native-device-info').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-device-info/android')
 include ':react-native-fetch-blob'

app/App.js

@@ -37,24 +37,24 @@ const DEFAULT_FOLDER = "DEFAULT_FOLDER"
 
 const styles = {
     iosHeader: {
-        backgroundColor: '#239F85',
+        backgroundColor: '#f9f9f9',
     },
     androidHeader: {
-        backgroundColor: '#29BB9C',
+        backgroundColor: '#f9f9f9',
         height: 70
     },
     iOsAppName: {
-        color: '#ffffff',
-        fontSize: 21,
-        fontWeight: '300',
+        color: '#1ec38b',
+        fontSize: 18,
+        fontWeight: '600',
     },
     androidAppName: {
-        color: '#ffffff',
-        fontSize: 21,
-        fontWeight: '300',
+        color: '#1ec38b',
+        fontSize: 18,
+        fontWeight: '600',
     },
     headerMenuButton: {
-        color: '#ffffff',
+        color: '#1ec38b',
         fontSize: 24,
     },
     headerRightMenuButton: {
@@ -80,7 +80,7 @@ const styles = {
         display: 'flex',
         alignItems: 'center',
         justifyContent: 'center',
-        backgroundColor: '#D15419',
+        backgroundColor: '#1ec38b',
         width: 60,
         height: 60,
         borderRadius: 50,
@@ -337,7 +337,7 @@ export default class App extends Component {
                         <Left>
                             <View>
                                 <Button transparent onPress={this.openDrawer}>
-                                    <Icon name='md-list' style={styles.headerMenuButton}/>
+                                    <Icon name='md-reorder' style={styles.headerMenuButton}/>
                                 </Button>
                             </View>
                         </Left>
@@ -347,7 +347,7 @@ export default class App extends Component {
                                 <Title style={Platform.OS === 'android' ? styles.androidAppName : styles.iOsAppName}>
                                     {
                                         mode === 0
-                                        ? 'NOTES'
+                                        ? 'All Notes'
                                         : 'Dropbox'
                                     }
                                 </Title>
@@ -380,7 +380,7 @@ export default class App extends Component {
                       onPress={() => this.onPressActionButton()}
                       style={styles.newPostButtonWrap}>
                         <View style={styles.newPostButton}>
-                            <Icon name='md-create' style={{color: "#fff"}}/>
+                            <Icon name='md-add' style={{color: "#fff"}}/>
                         </View>
                     </Button>
                     <NoteModal setIsOpen={this.setNoteModalIsOpen}