@dhiraj0720/report1chart 2.8.0 → 2.8.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dhiraj0720/report1chart",
-  "version": "2.8.0",
+  "version": "2.8.1",
   "main": "src/index.jsx",
   "scripts": {
     "test": "echo 'No tests'"

package/src/screens/Report2AScreen.jsx

@@ -106,33 +106,24 @@ const Report2AScreen = ({ api, token, onBack }) => {
       </View>
 
       <ScrollView style={styles.content}>
-        {/* FULL SCREEN BUTTON */}
-        {/* <TouchableOpacity onPress={() => setFullscreen(true)} style={styles.fullScreenBtn}>
+        {/* FULL SCREEN BUTTON - SIMPLE TEXT */}
+        <TouchableOpacity
+          onPress={() => setFullscreen(true)}
+          style={styles.fullScreenBtn}
+        >
           <Text style={styles.fullScreenText}>⤢ Full Screen</Text>
-        </TouchableOpacity> */}
-         <TouchableOpacity
-                  onPress={() => setFullscreen(true)}
-                  style={{
-                    alignSelf: 'flex-end',
-                    marginBottom: 8,
-                    padding: 6,
-                  }}
-                >
-                  <Text style={{ fontWeight: '700' }}>⤢ Full Screen</Text>
-                </TouchableOpacity>
+        </TouchableOpacity>
 
         {/* TABLE */}
         <FrozenTableReport2A rows={filteredRows} />
 
-        {/* LINE CHART WITH TITLE */}
-        <View style={styles.chartWrapper}>
-          <Text style={styles.chartTitle}>AY BAZINDA KAR KARŞILAŞTIRMALARI</Text>
+        {/* LINE CHART */}
+        <View style={styles.chartContainer}>
           <SvgLineChartCompact data={filteredLine} />
         </View>
 
-        {/* BAR CHART WITH TITLE - ONLY ONE CARD */}
-        <View style={styles.chartWrapper}>
-          <Text style={styles.chartTitle}>AY BAZINDA KAR KARŞILAŞTIRMALARI</Text>
+        {/* BAR CHART */}
+        <View style={styles.chartContainer}>
           <SvgBarLineChartCompact data={filteredBar} />
         </View>
       </ScrollView>
@@ -198,36 +189,22 @@ const styles = StyleSheet.create({
 
   fullScreenBtn: {
     alignSelf: 'flex-end',
-    paddingHorizontal: 16,
-    paddingVertical: 10,
-    backgroundColor: '#f0f0f0',
-    borderRadius: 8,
-    marginVertical: 12,
     marginRight: 12,
+    marginVertical: 12,
+    paddingHorizontal: 12,
+    paddingVertical: 6,
   },
-  fullScreenText: { fontSize: 16, color: '#000', fontWeight: '700' },
+  fullScreenText: { fontSize: 16, fontWeight: '700', color: '#000' },
 
-  content: { flex: 1, paddingHorizontal: 12 },
+  content: { flex: 1, padding: 12 },
 
-  chartWrapper: {
-    backgroundColor: '#fff',
-    borderRadius: 12,
-    padding: 16,
-    marginVertical: 12,
+  chartContainer: {
     borderWidth: 1,
     borderColor: '#ddd',
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.08,
-    shadowRadius: 6,
-    elevation: 4,
-  },
-  chartTitle: {
-    fontSize: 16,
-    fontWeight: '700',
-    color: '#000',
-    textAlign: 'center',
-    marginBottom: 16,
+    borderRadius: 10,
+    overflow: 'hidden',
+    marginVertical: 12,
+    backgroundColor: '#fff',
   },
 
   fullModal: { flex: 1, backgroundColor: '#fff' },
@@ -260,11 +237,6 @@ const styles = StyleSheet.create({
     backgroundColor: '#fff',
     borderRadius: 12,
     overflow: 'hidden',
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 4 },
-    shadowOpacity: 0.15,
-    shadowRadius: 10,
-    elevation: 8,
   },
   landscapeFit: {
     transform: [{ scale: 1.45 }],