@dhiraj0720/report1chart 2.2.2 → 2.2.3

package/src/screens/ReportDetail.jsx

@@ -1,222 +0,0 @@
-import React, { useState } from 'react';
-import {
-  View,
-  Text,
-  StyleSheet,
-  TouchableOpacity,
-  ScrollView,
-} from 'react-native';
-import DefaultTable from '../components/tables/DefaultTable';
-import CompactTable from '../components/tables/CompactTable';
-import FreezeTable from '../components/tables/FreezeTable';
-import BarChart from '../components/charts/BarChart';
-import PieChart from '../components/charts/PieChart';
-import LineChart from '../components/charts/LineChart';
-import LoadingSpinner from '../components/common/LoadingSpinner';
-import ErrorDisplay from '../components/common/ErrorDisplay';
-
-const ReportDetail = ({ report, loading, error, onBack, onClose }) => {
-  const [viewType, setViewType] = useState(report.subType || 'default');
-
-  const renderContent = () => {
-    if (loading) {
-      return <LoadingSpinner message="Loading report data..." />;
-    }
-
-    if (error) {
-      return <ErrorDisplay error={error} onRetry={() => onBack()} />;
-    }
-
-    if (!report.data || (Array.isArray(report.data) && report.data.length === 0)) {
-      return (
-        <View style={styles.noDataContainer}>
-          <Text style={styles.noDataText}>No data available</Text>
-        </View>
-      );
-    }
-
-    switch (report.type) {
-      case 'table':
-        return renderTable();
-      case 'bar':
-        return <BarChart data={report.data} title={report.title} />;
-      case 'pie':
-        return <PieChart data={report.data} title={report.title} />;
-      case 'line':
-        return <LineChart data={report.data} title={report.title} />;
-      default:
-        return <BarChart data={report.data} title={report.title} />;
-    }
-  };
-
-  const renderTable = () => {
-    switch (viewType) {
-      case 'compact':
-        return <CompactTable data={report.data} />;
-      case 'freeze':
-        return <FreezeTable data={report.data} />;
-      default:
-        return <DefaultTable data={report.data} />;
-    }
-  };
-
-  return (
-    <View style={styles.container}>
-      <View style={styles.header}>
-        <TouchableOpacity 
-          style={styles.backButton}
-          onPress={onBack}
-        >
-          <Text style={styles.backText}>‹</Text>
-          <Text style={styles.backButtonText}>Back</Text>
-        </TouchableOpacity>
-        <Text style={styles.headerTitle} numberOfLines={1}>
-          {report.title || report.name}
-        </Text>
-        <TouchableOpacity onPress={onClose} style={styles.closeButton}>
-          <Text style={styles.closeText}>×</Text>
-        </TouchableOpacity>
-      </View>
-
-      {report.type === 'table' && (
-        <View style={styles.viewTypeSelector}>
-          <TouchableOpacity 
-            style={[
-              styles.viewTypeButton,
-              viewType === 'default' && styles.activeViewType
-            ]}
-            onPress={() => setViewType('default')}
-          >
-            <Text style={[
-              styles.viewTypeText,
-              viewType === 'default' && styles.activeViewTypeText
-            ]}>Default</Text>
-          </TouchableOpacity>
-          
-          <TouchableOpacity 
-            style={[
-              styles.viewTypeButton,
-              viewType === 'compact' && styles.activeViewType
-            ]}
-            onPress={() => setViewType('compact')}
-          >
-            <Text style={[
-              styles.viewTypeText,
-              viewType === 'compact' && styles.activeViewTypeText
-            ]}>Compact</Text>
-          </TouchableOpacity>
-          
-          <TouchableOpacity 
-            style={[
-              styles.viewTypeButton,
-              viewType === 'freeze' && styles.activeViewType
-            ]}
-            onPress={() => setViewType('freeze')}
-          >
-            <Text style={[
-              styles.viewTypeText,
-              viewType === 'freeze' && styles.activeViewTypeText
-            ]}>Freeze</Text>
-          </TouchableOpacity>
-        </View>
-      )}
-
-      <ScrollView style={styles.content}>
-        {renderContent()}
-      </ScrollView>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#f8f9fa',
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    backgroundColor: '#fff',
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    borderBottomWidth: 1,
-    borderBottomColor: '#e0e0e0',
-  },
-  headerTitle: {
-    fontSize: 18,
-    fontWeight: '700',
-    color: '#000',
-    flex: 1,
-    textAlign: 'center',
-  },
-  backButton: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    padding: 8,
-  },
-  backText: {
-    fontSize: 24,
-    color: '#4CAF50',
-    marginRight: 4,
-  },
-  backButtonText: {
-    fontSize: 16,
-    color: '#4CAF50',
-    fontWeight: '600',
-  },
-  closeButton: {
-    width: 32,
-    height: 32,
-    borderRadius: 16,
-    backgroundColor: '#f0f0f0',
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  closeText: {
-    fontSize: 20,
-    color: '#666',
-    fontWeight: '300',
-  },
-  content: {
-    flex: 1,
-    padding: 16,
-  },
-  viewTypeSelector: {
-    flexDirection: 'row',
-    backgroundColor: '#f0f0f0',
-    borderRadius: 8,
-    padding: 4,
-    margin: 16,
-    alignSelf: 'center',
-  },
-  viewTypeButton: {
-    paddingHorizontal: 16,
-    paddingVertical: 8,
-    borderRadius: 6,
-    marginHorizontal: 2,
-  },
-  activeViewType: {
-    backgroundColor: '#fff',
-  },
-  viewTypeText: {
-    fontSize: 13,
-    fontWeight: '500',
-    color: '#666',
-  },
-  activeViewTypeText: {
-    color: '#4CAF50',
-    fontWeight: '600',
-  },
-  noDataContainer: {
-    padding: 40,
-    alignItems: 'center',
-  },
-  noDataText: {
-    fontSize: 16,
-    color: '#999',
-    textAlign: 'center',
-  },
-});
-
-export default ReportDetail;