fix: handle empty pagination in FooterPagination and adjust navigation method

Author: pushpender-singh-ap

src/Screens/Comic/Details/Components/FooterPagination.js

@@ -4,23 +4,21 @@ import {NAVIGATION} from '../../../../Constants';
 import {Text} from 'react-native-gesture-handler';
 
 const PaginationFooter = ({pagination, pageLink, route, navigation}) => {
-  if (!pagination || pagination.length === 0) return null;
+  if (!pagination || pagination.length === 0) {
+    return <View style={styles.paginationContainer} />;
+  }
 
   const handlePageChange = link => {
     // Extract the base URL correctly - keep everything before the last path segment
     const urlParts = pageLink.split('/');
     const baseUrl = urlParts.slice(0, -1).join('/');
-    
+
     // Construct the full URL by combining the base URL with the pagination link
     // If link already has domain, use it as is
-    const fullUrl = link.startsWith('http') 
-      ? link 
-      : `${baseUrl}/${link}`;
-    
-    console.log('Full URL:', fullUrl);
-    
+    const fullUrl = link.startsWith('http') ? link : `${baseUrl}/${link}`;
+
     // Navigate to the same screen with the updated URL
-    navigation.push(NAVIGATION.comicDetails, {
+    navigation.replace(NAVIGATION.comicDetails, {
       ...route?.params,
       link: fullUrl,
     });
@@ -47,8 +45,9 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'center',
     alignItems: 'center',
-    paddingVertical: 20,
+    marginVertical: 20,
     flexWrap: 'wrap',
+    marginBottom: 40,
   },
   pageButton: {
     paddingHorizontal: 12,

src/Screens/Comic/Details/index.js

@@ -18,7 +18,7 @@ export function ComicDetails({route, navigation}) {
   const [PageLink, setPageLink] = useState(route?.params?.link);
   const [tabBar, setTabBar] = useState([
     {name: 'Chapters', active: true},
-    {name: 'Bookmarks', active: false},
+    // {name: 'Bookmarks', active: false},
   ]);
   const {value: forIosValue, loading: forIosLoading} = useFeatureFlag(
     'forIos',