Added fontFamily as Roboto to all Text compnents in the app, #22

Signed-off-by: sarthakpranesh <[email protected]>
sarthakpranesh · Feb 26, 2021 · e0c5bc2 · e0c5bc2
1 parent 84ad765
commit e0c5bc2
Show file tree

Hide file tree

Showing 9 changed files with 33 additions and 18 deletions.
diff --git a/src/Styles.ts b/src/Styles.ts
@@ -27,7 +27,8 @@ const Styles = StyleSheet.create({
     textAlign: 'center',
     fontWeight: 'bold',
     color: '#D41D3E',
-    fontSize: 24 * Layout.fontScale
+    fontSize: 24 * Layout.fontScale,
+    fontFamily: 'Roboto'
   }
 })
 

diff --git a/src/components/CandleCharts.tsx b/src/components/CandleCharts.tsx
@@ -156,7 +156,8 @@ const styles = StyleSheet.create({
     color: 'black',
     marginTop: 0,
     fontWeight: 'bold',
-    fontSize: 18 * scale
+    fontSize: 18 * scale,
+    fontFamily: 'Roboto'
   },
   animatedDataDialog: {
     color: 'black',

diff --git a/src/components/Country.tsx b/src/components/Country.tsx
@@ -62,7 +62,8 @@ const styles = StyleSheet.create({
     color: 'black',
     marginTop: 0,
     fontWeight: 'bold',
-    fontSize: 18 * scale
+    fontSize: 18 * scale,
+    fontFamily: 'Roboto'
   }
 })
 

diff --git a/src/components/PreventionCards.tsx b/src/components/PreventionCards.tsx
@@ -38,7 +38,8 @@ const styles = StyleSheet.create({
   mainPreventionTitle: {
     color: 'black',
     fontWeight: 'bold',
-    fontSize: 18 * scale
+    fontSize: 18 * scale,
+    fontFamily: 'Roboto'
   },
   preventionContentContainer: {
     flex: 1,
@@ -52,7 +53,8 @@ const styles = StyleSheet.create({
     flex: 2,
     color: 'black',
     textAlign: 'left',
-    fontSize: 12 * scale
+    fontSize: 12 * scale,
+    fontFamily: 'Roboto'
   },
   preventionContentImage: {
     width: 100,

diff --git a/src/components/RowStackResult.tsx b/src/components/RowStackResult.tsx
@@ -1,5 +1,5 @@
 import React, { Component } from 'react'
-import { View, StyleSheet, Text, Dimensions } from 'react-native'
+import { View, StyleSheet, Text } from 'react-native'
 
 import Layout from '../Layout'
 const scale = Layout.fontScale
@@ -183,12 +183,14 @@ const styles = StyleSheet.create({
     textAlign: 'center'
   },
   subResultText: {
-    textAlign: 'center'
+    textAlign: 'center',
+    fontFamily: 'Roboto'
   },
   resultNumbers: {
     fontWeight: 'bold',
     textAlign: 'center',
-    fontSize: 14 * scale
+    fontSize: 14 * scale,
+    fontFamily: 'Roboto'
   }
 })
 

diff --git a/src/navigation/DrawerItem.tsx b/src/navigation/DrawerItem.tsx
@@ -48,7 +48,8 @@ const styles = StyleSheet.create({
   drawerTextStyle: {
     paddingLeft: 4,
     fontSize: 14 * scale,
-    fontWeight: 'bold'
+    fontWeight: 'bold',
+    fontFamily: 'Roboto'
   }
 })
 

diff --git a/src/navigation/index.tsx b/src/navigation/index.tsx
@@ -17,7 +17,6 @@ import {
 } from '../components/Svgs/index'
 
 import Layout from '../Layout'
-const scale = Layout.fontScale
 
 const Drawer = createDrawerNavigator()
 

diff --git a/src/screens/AboutScreen.tsx b/src/screens/AboutScreen.tsx
@@ -67,7 +67,8 @@ const AboutScreen = () => {
                 color: 'black',
                 textDecorationLine: 'underline',
                 fontWeight: 'bold',
-                fontSize: 12 * scale
+                fontSize: 12 * scale,
+                fontFamily: 'Roboto'
               }}>
               Click Here to Know More
             </Text>
@@ -90,7 +91,8 @@ const AboutScreen = () => {
               color: 'black',
               textAlign: 'center',
               fontWeight: 'bold',
-              fontSize: 18 * scale
+              fontSize: 18 * scale,
+              fontFamily: 'Roboto'
             }}>
             Support Project
           </Text>
@@ -107,7 +109,8 @@ const AboutScreen = () => {
               color: 'black',
               textAlign: 'center',
               fontSize: 10 * scale,
-              fontWeight: 'bold'
+              fontWeight: 'bold',
+              fontFamily: 'Roboto'
             }}>
             Made with Love
           </Text>
@@ -132,7 +135,8 @@ const styles = StyleSheet.create({
     textAlign: 'justify',
     color: 'black',
     marginVertical: 10,
-    fontSize: 12 * scale
+    fontSize: 12 * scale,
+    fontFamily: 'Roboto'
   }
 })
 

diff --git a/src/screens/HelpScreen.tsx b/src/screens/HelpScreen.tsx
@@ -206,7 +206,8 @@ const HelpScreen = () => {
             style={{
               fontSize: 12 * scale,
               paddingTop: 20,
-              textAlign: 'center'
+              textAlign: 'center',
+              fontFamily: 'Roboto'
             }}>
             All data retrieved from mohfw.gov.in, click below for more
           </Text>
@@ -217,7 +218,8 @@ const HelpScreen = () => {
                 textAlign: 'center',
                 color: 'red',
                 fontSize: 10 * scale,
-                paddingBottom: 20
+                paddingBottom: 20,
+                fontFamily: 'Roboto'
               }}>
               MOHFW
             </Text>
@@ -238,7 +240,8 @@ const styles = StyleSheet.create({
   helpLineText: {
     textAlign: 'center',
     color: 'black',
-    fontSize: 14 * scale
+    fontSize: 14 * scale,
+    fontFamily: 'Roboto'
   },
   numberContainer: {
     alignSelf: 'center',
@@ -247,7 +250,8 @@ const styles = StyleSheet.create({
   number: {
     color: '#2400FF',
     textAlign: 'center',
-    fontSize: 10 * scale
+    fontSize: 10 * scale,
+    fontFamily: 'Roboto'
   }
 })