Refactor reward tracking in ComicDetails component (#56)

* refactor: remove reward tracking logic from Redux state and ComicDetails component

* feat: add reward ads tracking and update state management in ComicDetails

---------

Co-authored-by: Prem Kumar Sharma <[email protected]>

Author: pushpender-singh-ap

src/Redux/Reducers/index.js

@@ -12,8 +12,8 @@ const initialState = {
   AnimeWatched: {},
   AnimeBookMarks: {},
   DownloadComic: {},
-  rewardShown: {}, // Track comics that have shown rewards during this session
   scrollPreference: 'horizontal', // Default scroll mode is horizontal
+  hasRewardAdsShown: false,
 };
 
 /**
@@ -192,18 +192,14 @@ const Reducers = createSlice({
     RemoveAnimeBookMark: (state, action) => {
       delete state.AnimeBookMarks[action?.payload?.url];
     },
-    markRewardShown: (state, action) => {
-      // Mark specific comic as having shown a reward
-      state.rewardShown[action.payload] = true;
-    },
-    resetRewards: (state) => {
-      // Reset all reward tracking (e.g., on app restart)
-      state.rewardShown = {};
-    },
     setScrollPreference: (state, action) => {
       // Update user's preferred comic reading scroll mode
       state.scrollPreference = action.payload;
     },
+    rewardAdsShown: (state, action) => {
+      // Update the flag indicating whether reward ads have been shown
+      state.hasRewardAdsShown = action.payload;
+    },
   },
 });
 
@@ -226,8 +222,7 @@ export const {
   DownloadComicBook,
   DeleteDownloadedComicBook,
   clearHistory,
-  markRewardShown,
-  resetRewards,
   setScrollPreference,
+  rewardAdsShown,
 } = Reducers.actions;
 export default Reducers.reducer;

src/Redux/Store/index.js

@@ -6,7 +6,7 @@ import Reducers from '../Reducers';
 const persistConfig = {
   key: 'root',
   storage: storage,
-  blacklist: ['error', 'status', 'loading', 'downTime'],
+  blacklist: ['error', 'status', 'loading', 'downTime', 'hasRewardAdsShown'],
 };
 
 const persistedReducer = persistReducer(persistConfig, Reducers);

src/Screens/Comic/Details/index.js

@@ -13,8 +13,8 @@ import ChapterCard from './ChapterCard';
 import HeaderComponent from './Components/HeaderComponent';
 import {AppendAd} from '../../../InkNest-Externals/Ads/AppendAd';
 import PaginationFooter from './Components/FooterPagination';
+import {rewardAdsShown} from '../../../Redux/Reducers';
 import {showRewardedAd} from '../../../InkNest-Externals/Redux/Actions/Download';
-import {markRewardShown} from '../../../Redux/Reducers';
 
 export function ComicDetails({route, navigation}) {
   const [PageLink, setPageLink] = useState(route?.params?.link);
@@ -34,7 +34,7 @@ export function ComicDetails({route, navigation}) {
   const loading = useSelector(state => state.data.loading);
   const error = useSelector(state => state.data.error);
   const ComicDetail = useSelector(state => state.data.dataByUrl[PageLink]);
-  const rewardShown = useSelector(state => state.data.rewardShown);
+  const hasRewardAdsShown = useSelector(state => state.data.hasRewardAdsShown);
 
   const reverseChapterList = () => {
     if (getVersion() === forIosValue && forIosLoading === false) {
@@ -70,27 +70,18 @@ export function ComicDetails({route, navigation}) {
     }
   };
 
-  // Check and show reward for first visit
   useEffect(() => {
-    const showRewardForFirstVisit = async () => {
-      // Only show reward if it hasn't been shown for this comic yet
-      if (PageLink && !rewardShown[PageLink]) {
-        crashlytics().log('Comic Details First Visit Reward Shown');
-        analytics().logEvent('comic_details_first_visit_reward', {
-          pageLink: PageLink,
-        });
-
-        // Show the reward
+    (async () => {
+      if (!hasRewardAdsShown) {
+        crashlytics().log('Reward Ads Shown');
+        analytics().logEvent('Reward_Ads_Shown');
         await showRewardedAd();
-
-        // Mark this comic as having shown a reward
-        dispatch(markRewardShown(PageLink));
+        dispatch(rewardAdsShown(!hasRewardAdsShown));
       }
-    };
-
-    showRewardForFirstVisit();
-  }, [PageLink, rewardShown]);
-
+    })();
+  }, [hasRewardAdsShown]);
+  
+  
   useEffect(() => {
     if (getVersion() === forIosValue && forIosLoading === false) {
     } else {