@@ -28,7 +28,7 @@ export default function SavedScreen() {
2828
2929 if ( isLoading ) {
3030 return (
31- < View style = { { flex : 1 , alignItems : " center" , justifyContent : " center" , gap : 8 } } >
31+ < View className = " flex-1 items- center justify- center gap-2" >
3232 < ActivityIndicator size = "large" />
3333 < ThemedText > { translate ( 'common.loadingEvents' ) } </ ThemedText >
3434 </ View >
@@ -38,16 +38,16 @@ export default function SavedScreen() {
3838 if ( error ) {
3939 console . log ( error )
4040 return (
41- < View style = { { flex : 1 , alignItems : " center" , justifyContent : " center" , padding : 16 } } >
42- < ThemedText style = { { color : "#EF4444" , fontWeight : "600" } } > { translate ( 'common.errorLoadingEvents' ) } </ ThemedText >
41+ < View className = " flex-1 items- center justify- center p-4" >
42+ < ThemedText className = "text-red-500 font-semibold" > { translate ( 'common.errorLoadingEvents' ) } </ ThemedText >
4343 < ThemedText > { error . detail || translate ( 'common.errorOccurred' ) } </ ThemedText >
4444 </ View >
4545 ) ;
4646 }
4747
4848 if ( ! response || ! Array . isArray ( response . data ) ) {
4949 return (
50- < View style = { { flex : 1 , alignItems : " center" , justifyContent : " center" , padding : 16 } } >
50+ < View className = " flex-1 items- center justify- center p-4" >
5151 < ThemedText > { translate ( 'common.noEventsAvailable' ) } </ ThemedText >
5252 </ View >
5353 ) ;
@@ -98,7 +98,7 @@ export default function SavedScreen() {
9898 </ View >
9999 < ThemedView className = "flex-1" style = { { paddingTop : insets . top } } >
100100 { savedEvents . length === 0 ? (
101- < View style = { { flex : 1 , justifyContent : ' center' , alignItems : ' center' , padding : 20 } } >
101+ < View className = " flex-1 justify- center items- center p-5" >
102102 < ThemedText className = "text-center text-lg text-gray-500" >
103103 { translate ( 'saved.noEvents' ) }
104104 </ ThemedText >
@@ -113,7 +113,7 @@ export default function SavedScreen() {
113113 onBookmarkPress = { ( ) => handleDeleteSaved ( item . id ) } // Saved.id
114114 />
115115 ) }
116- contentContainerStyle = { { paddingTop : 10 , paddingBottom : 20 } }
116+ contentContainerClassName = "pt-2.5 pb-5"
117117 showsVerticalScrollIndicator = { false }
118118 />
119119 ) }
0 commit comments