Refactor ThisWeekSection and CalendarScreen for improved layout and styling consistency

This update enhances the ThisWeekSection component by refining the layout and ensuring consistent styling for images and text elements. Additionally, the CalendarScreen component has been modified to adjust padding for Android devices and improve the overall visual structure. These changes aim to enhance user experience and maintain design coherence across the application.
This commit is contained in:
tapframe 2025-06-21 16:43:11 +05:30
parent 3c3e07d297
commit e020c2f4d9
2 changed files with 19 additions and 15 deletions

View file

@ -10,7 +10,8 @@ import {
SafeAreaView, SafeAreaView,
StatusBar, StatusBar,
Dimensions, Dimensions,
SectionList SectionList,
Platform
} from 'react-native'; } from 'react-native';
import { useNavigation } from '@react-navigation/native'; import { useNavigation } from '@react-navigation/native';
import { NavigationProp } from '@react-navigation/native'; import { NavigationProp } from '@react-navigation/native';
@ -28,6 +29,7 @@ import { tmdbService } from '../services/tmdbService';
import { logger } from '../utils/logger'; import { logger } from '../utils/logger';
const { width } = Dimensions.get('window'); const { width } = Dimensions.get('window');
const ANDROID_STATUSBAR_HEIGHT = StatusBar.currentHeight || 0;
interface CalendarEpisode { interface CalendarEpisode {
id: string; id: string;
@ -663,6 +665,8 @@ const styles = StyleSheet.create({
flexDirection: 'row', flexDirection: 'row',
alignItems: 'center', alignItems: 'center',
padding: 12, padding: 12,
paddingTop: Platform.OS === 'android' ? ANDROID_STATUSBAR_HEIGHT + 12 : 12,
borderBottomWidth: 1,
}, },
backButton: { backButton: {
padding: 8, padding: 8,