@dhiraj0720/report1chart 3.1.0 → 3.1.1

package/package.json

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

package/src/screens/Report1ModernScreen.jsx

@@ -263,11 +263,13 @@ const Report1ModernScreen = ({ api, token, onBack }) => {
       <View style={styles.hero}>
         <View style={styles.heroGlowLeft} />
         <View style={styles.heroGlowRight} />
-        <TouchableOpacity onPress={onBack} style={styles.backButton}>
-          <Text style={styles.backIcon}>‹</Text>
-        </TouchableOpacity>
-        <Text style={styles.heroTitle}>Performance Studio</Text>
-        <Text style={styles.heroSubtitle}>Three-tab live performance monitor</Text>
+        <View style={styles.heroTopRow}>
+          <TouchableOpacity onPress={onBack} style={styles.backButton}>
+            <Text style={styles.backIcon}>‹</Text>
+          </TouchableOpacity>
+          <Text numberOfLines={1} style={styles.heroTitle}>Performance Studio</Text>
+        </View>
+        <Text style={styles.heroSubtitle}>Three-tab performance monitor</Text>
       </View>
 
       <View style={styles.tabsContainer}>
@@ -538,6 +540,10 @@ const styles = StyleSheet.create({
     backgroundColor: '#131d30',
     overflow: 'hidden',
   },
+  heroTopRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
   heroGlowLeft: {
     position: 'absolute',
     width: 180,
@@ -571,7 +577,8 @@ const styles = StyleSheet.create({
     marginTop: -2,
   },
   heroTitle: {
-    marginTop: 10,
+    marginLeft: 10,
+    flex: 1,
     color: '#fff',
     fontSize: 22,
     fontWeight: '800',

package/src/screens/Report2ModernScreen.jsx

@@ -260,11 +260,13 @@ const Report2ModernScreen = ({ api, token, onBack }) => {
       <View style={styles.hero}>
         <View style={styles.heroDotLarge} />
         <View style={styles.heroDotSmall} />
-        <TouchableOpacity onPress={onBack} style={styles.backButton}>
-          <Text style={styles.backIcon}>‹</Text>
-        </TouchableOpacity>
-        <Text style={styles.heroTitle}>Gross Profit Dashboard</Text>
-        <Text style={styles.heroSubtitle}>Compact analytical view with filtered month data</Text>
+        <View style={styles.heroTopRow}>
+          <TouchableOpacity onPress={onBack} style={styles.backButton}>
+            <Text style={styles.backIcon}>‹</Text>
+          </TouchableOpacity>
+          <Text numberOfLines={1} style={styles.heroTitle}>Gross Profit</Text>
+        </View>
+        <Text style={styles.heroSubtitle}>Filtered month data overview</Text>
       </View>
 
       <ScrollView
@@ -484,6 +486,10 @@ const styles = StyleSheet.create({
     paddingBottom: 16,
     overflow: 'hidden',
   },
+  heroTopRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
   heroDotLarge: {
     position: 'absolute',
     width: 180,
@@ -517,7 +523,8 @@ const styles = StyleSheet.create({
     marginTop: -2,
   },
   heroTitle: {
-    marginTop: 10,
+    marginLeft: 10,
+    flex: 1,
     fontSize: 22,
     fontWeight: '800',
     color: '#fff',

package/src/screens/Report3ModernScreen.jsx

@@ -294,11 +294,13 @@ const Report3ModernScreen = ({ api, token, onBack }) => {
       <View style={styles.hero}>
         <View style={styles.heroBlobLeft} />
         <View style={styles.heroBlobRight} />
-        <TouchableOpacity style={styles.backButton} onPress={onBack}>
-          <Text style={styles.backIcon}>‹</Text>
-        </TouchableOpacity>
-        <Text style={styles.heroTitle}>Transportation Command Center</Text>
-        <Text style={styles.heroSubtitle}>Filtered API visuals with compact axis charts</Text>
+        <View style={styles.heroTopRow}>
+          <TouchableOpacity style={styles.backButton} onPress={onBack}>
+            <Text style={styles.backIcon}>‹</Text>
+          </TouchableOpacity>
+          <Text numberOfLines={1} style={styles.heroTitle}>Transport</Text>
+        </View>
+        <Text style={styles.heroSubtitle}>Filtered API visuals with compact charts</Text>
       </View>
 
       <ScrollView
@@ -545,6 +547,10 @@ const styles = StyleSheet.create({
     paddingBottom: 18,
     overflow: 'hidden',
   },
+  heroTopRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+  },
   heroBlobLeft: {
     position: 'absolute',
     width: 160,
@@ -578,7 +584,8 @@ const styles = StyleSheet.create({
     marginTop: -2,
   },
   heroTitle: {
-    marginTop: 10,
+    marginLeft: 10,
+    flex: 1,
     color: '#fff',
     fontSize: 22,
     fontWeight: '800',

package/src/screens/ReportListScreen.jsx

@@ -48,18 +48,18 @@ const OLD_REPORTS = [
 const NEW_REPORTS = [
   {
     id: '1N1',
-    title: 'Performance Report',
-    desc: 'Modern performance studio',
+    title: 'Performance Studio',
+    desc: '',
   },
   {
     id: '2N1',
-    title: 'Gross Profit by Company & Division',
-    desc: 'Modern interactive layout',
+    title: 'Gross Profit',
+    desc: '',
   },
   {
     id: '3N1',
-    title: 'Transportation Business Analysis',
-    desc: 'Modern command center layout',
+    title: 'Transport',
+    desc: '',
   },
 ];
 
@@ -130,7 +130,9 @@ const ReportListScreen = ({ onSelect, onExit }) => {
             activeOpacity={0.88}
           >
             <Text style={styles.cardTitle}>{report.title}</Text>
-            <Text style={styles.cardDesc}>{report.desc}</Text>
+            {report.desc ? (
+              <Text style={styles.cardDesc}>{report.desc}</Text>
+            ) : null}
           </TouchableOpacity>
         ))}
       </ScrollView>