Updated Store Info...

src/components/CustomModal.js

@@ -56,6 +56,7 @@ const styles = StyleSheet.create({
     fontSize: 18,
     fontWeight: 'bold',
     marginBottom: 6,
+    color: "#000"
   },
   message: {
     fontSize: 14,

src/screens/MainScreen/Dashboard/index.js

@@ -584,8 +584,7 @@ const Dashboard = (props) => {
             return (
                <View style={{ width: '100%', alignItems: 'center', justifyContent: 'center', padding: 10, borderWidth: 0.5, borderRadius: 25, }}>
                   {/* <View style={{ alignSelf: 'center', borderWidth: 0.5,borderRadius:20, paddingBottom: 10 }}> */}
-
-                  <Text style={{ fontSize: 16, fontWeight: '600', marginBottom: 10 }}>
+                  <Text style={{ color: '#000', fontSize: 16, fontWeight: '600', marginBottom: 10 }}>
                      {item.GraphTitle}
                   </Text>
 
@@ -593,7 +592,7 @@ const Dashboard = (props) => {
                      data={barData}
                      barWidth={barWidth}
                      spacing={spacing}
-                     noOfSections={5}
+                     noOfSections={6}
                      maxValue={105}
                      roundedTop={false}
                      disableScroll={true}
@@ -603,7 +602,6 @@ const Dashboard = (props) => {
                      xAxisLabelTextStyle={{ color: '#000', fontSize: 12, fontWeight: '500', marginTop: 5 }}
                      isAnimated
                      width={chartWidth}
-
                      hideYAxisText={true} //to hide y axis text
                      // hideRules={true}
                      hideYAxisLine={true}
@@ -612,24 +610,18 @@ const Dashboard = (props) => {
                      rulesLength={chartWidth}
                      // xAxisLength={chartWidth}
                      hideAxesAndRules={false}
-                  // backgroundColor={'red'}
-
-                  // backgroundColor={'yellow'}
-
                   // xAxisLabelTextStyle={{ color: '#000', fontSize: 10, marginTop: 4 }}
                   />
                   {/* </View> */}
-                  <View style={{ height: 10 }} />
+                  <View style={{ height: 10, }} />
                </View>
             );
 
-
-
          case "Table":
             return (
                <View style={{ flex: 1 }}>
                   <ScrollView>
-                     <Text style={{ fontSize: 16, fontWeight: '600', marginBottom: 10 }}>{item.GraphTitle}</Text>
+                     <Text style={{ color: '#000', fontSize: 16, fontWeight: '600', marginBottom: 10 }}>{item.GraphTitle}</Text>
                      {values.map((row, index) => {
                         const keys = Object.keys(row);
                         return (
@@ -650,7 +642,7 @@ const Dashboard = (props) => {
                </View>
             );
 
-            // case "PieChart":
+         case "PieChart":
             const pieChartData = values.map((item, idx) => {
                const [labelKey, valueKey] = Object.keys(item);
                return {