From 650ca1649b38587452c8d288c9685ae3c0d4d489 Mon Sep 17 00:00:00 2001
From: Rayane STASZEWSKI <zonetecde@gmail.com>
Date: Fri, 31 Oct 2025 12:21:42 +0100
Subject: [PATCH 1/2] disable non-essential homepage fetch

---
 src/components/HomePage/Card/index.tsx                 | 10 +++++++++-
 src/components/HomePage/ExploreTopicsSection/index.tsx |  1 +
 src/components/HomePage/QuickLinks/index.tsx           |  1 +
 src/components/HomePage/QuranInYearSection/index.tsx   |  8 +++++++-
 .../HomePage/ReadingSection/ChapterCard/index.tsx      | 10 ++++++++--
 .../HomePage/ReadingSection/NewCard/index.tsx          |  2 ++
 .../ReadingSection/NoGoalOrStreakCard/index.tsx        |  1 +
 .../HomePage/ReadingSection/StreakOrGoalCard/index.tsx |  1 +
 src/components/HomePage/ReadingSection/index.tsx       |  1 +
 9 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/src/components/HomePage/Card/index.tsx b/src/components/HomePage/Card/index.tsx
index 35a38f3a9a..d4ee026cfa 100644
--- a/src/components/HomePage/Card/index.tsx
+++ b/src/components/HomePage/Card/index.tsx
@@ -13,6 +13,7 @@ interface CardProps {
   className?: string;
   linkClassName?: string;
   onClick?: () => void;
+  shouldPrefetch?: boolean;
 }
 
 const Card: React.FC<CardProps> = ({
@@ -22,10 +23,17 @@ const Card: React.FC<CardProps> = ({
   className,
   linkClassName,
   onClick,
+  shouldPrefetch = false,
 }) => {
   if (link) {
     return (
-      <Link href={link} isNewTab={isNewTab} className={linkClassName} onClick={onClick}>
+      <Link
+        href={link}
+        isNewTab={isNewTab}
+        className={linkClassName}
+        onClick={onClick}
+        shouldPrefetch={shouldPrefetch}
+      >
         <div className={classNames(className, styles.card, styles.cardWithLink)}>{children}</div>
       </Link>
     );
diff --git a/src/components/HomePage/ExploreTopicsSection/index.tsx b/src/components/HomePage/ExploreTopicsSection/index.tsx
index 9dda8275ba..6b8379ad44 100644
--- a/src/components/HomePage/ExploreTopicsSection/index.tsx
+++ b/src/components/HomePage/ExploreTopicsSection/index.tsx
@@ -63,6 +63,7 @@ const ExploreTopicsSection = () => {
               className={classNames(styles.topic, {
                 [styles.highlighted]: topic.isHighlighted,
               })}
+              shouldPrefetch={false}
             >
               <div>
                 {t(topic.key)} <ArrowIcon />
diff --git a/src/components/HomePage/QuickLinks/index.tsx b/src/components/HomePage/QuickLinks/index.tsx
index a1c08edd20..66580cea03 100644
--- a/src/components/HomePage/QuickLinks/index.tsx
+++ b/src/components/HomePage/QuickLinks/index.tsx
@@ -83,6 +83,7 @@ const QuickLinks: React.FC = () => {
               logButtonClick(`quick_link_${quickLink.slug}`);
             }}
             className={styles.quickLink}
+            shouldPrefetch={false}
           >
             <div className={styles.quickLinkText}>
               {text} <ArrowIcon />
diff --git a/src/components/HomePage/QuranInYearSection/index.tsx b/src/components/HomePage/QuranInYearSection/index.tsx
index 809c36447c..1847e82975 100644
--- a/src/components/HomePage/QuranInYearSection/index.tsx
+++ b/src/components/HomePage/QuranInYearSection/index.tsx
@@ -41,7 +41,12 @@ const QuranInYearSection = () => {
           <div className={styles.calendarContainer}>
             <CalendarIcon />
           </div>
-          <Link variant={LinkVariant.Blend} href="/calendar" onClick={onCalendarClicked}>
+          <Link
+            variant={LinkVariant.Blend}
+            href="/calendar"
+            onClick={onCalendarClicked}
+            shouldPrefetch={false}
+          >
             <p className={styles.calendarText}>{t('calendar-cta')}</p>
           </Link>
         </div>
@@ -66,6 +71,7 @@ const QuranInYearSection = () => {
           onClick={() => {
             logButtonClick('quran_in_year_calendar');
           }}
+          shouldPrefetch={false}
         >
           {t('quran-in-year-cta')}
           <IconContainer
diff --git a/src/components/HomePage/ReadingSection/ChapterCard/index.tsx b/src/components/HomePage/ReadingSection/ChapterCard/index.tsx
index 6057597b2f..04b3c36455 100644
--- a/src/components/HomePage/ReadingSection/ChapterCard/index.tsx
+++ b/src/components/HomePage/ReadingSection/ChapterCard/index.tsx
@@ -43,7 +43,7 @@ const ChapterCard: React.FC<Props> = ({
   const link = getChapterWithStartingVerseUrl(`${surahNumber}:${verseNumber}`);
 
   return (
-    <Card className={styles.chapterCard} link={link}>
+    <Card className={styles.chapterCard} link={link} shouldPrefetch={false}>
       <div className={styles.surahContainer}>
         <div className={styles.surahName} translate="no">
           {surahNumberString.padStart(3, '0')}
@@ -59,7 +59,12 @@ const ChapterCard: React.FC<Props> = ({
             </span>
           </div>
           {isContinueReading ? (
-            <Link href={link} variant={LinkVariant.Primary} onClick={onContinueReadingClicked}>
+            <Link
+              href={link}
+              variant={LinkVariant.Primary}
+              onClick={onContinueReadingClicked}
+              shouldPrefetch={false}
+            >
               <div className={styles.continueReading}>
                 <span>{t('common:verse')}</span>
                 <span>{toLocalizedNumber(verseNumber, lang)}</span>
@@ -77,6 +82,7 @@ const ChapterCard: React.FC<Props> = ({
               href={link}
               onClick={onBeginClicked}
               className={styles.beginButton}
+              shouldPrefetch={false}
             >
               {t('begin')}
             </Button>
diff --git a/src/components/HomePage/ReadingSection/NewCard/index.tsx b/src/components/HomePage/ReadingSection/NewCard/index.tsx
index d8b0a6bddd..fbf72ba39f 100644
--- a/src/components/HomePage/ReadingSection/NewCard/index.tsx
+++ b/src/components/HomePage/ReadingSection/NewCard/index.tsx
@@ -37,6 +37,7 @@ const NewCard: React.FC = () => {
         className={styles.firstTimeReadingCard}
         link={getTakeNotesNavigationUrl()}
         isNewTab
+        shouldPrefetch={false}
       >
         <div className={styles.cardOuterContainer}>
           <div className={styles.cardWithIcon}>
@@ -55,6 +56,7 @@ const NewCard: React.FC = () => {
                       className={styles.linkHref}
                       onClick={onTakeNotesClicked}
                       isNewTab
+                      shouldPrefetch={false}
                     />
                   ),
                 }}
diff --git a/src/components/HomePage/ReadingSection/NoGoalOrStreakCard/index.tsx b/src/components/HomePage/ReadingSection/NoGoalOrStreakCard/index.tsx
index 7cc0445718..cdc69a6cf5 100644
--- a/src/components/HomePage/ReadingSection/NoGoalOrStreakCard/index.tsx
+++ b/src/components/HomePage/ReadingSection/NoGoalOrStreakCard/index.tsx
@@ -20,6 +20,7 @@ const NoGoalOrStreakCard = () => {
           ? getReadingGoalNavigationUrl()
           : getLoginNavigationUrl(getReadingGoalNavigationUrl())
       }
+      shouldPrefetch={false}
     >
       <div className={styles.cardOuterContainer}>
         <div className={styles.cardWithIcon}>
diff --git a/src/components/HomePage/ReadingSection/StreakOrGoalCard/index.tsx b/src/components/HomePage/ReadingSection/StreakOrGoalCard/index.tsx
index 1a304e9bc0..4cbba3e7a2 100644
--- a/src/components/HomePage/ReadingSection/StreakOrGoalCard/index.tsx
+++ b/src/components/HomePage/ReadingSection/StreakOrGoalCard/index.tsx
@@ -51,6 +51,7 @@ const StreakOrGoalCard: React.FC<Props> = ({ goal, streak, currentActivityDay })
       className={cardStyles.streakCard}
       link={goal ? getReadingGoalProgressNavigationUrl() : getReadingGoalNavigationUrl()}
       onClick={goal ? onGoalArrowClicked : onStreakCardClicked}
+      shouldPrefetch={false}
     >
       <div className={cardStyles.cardOuterContainer}>
         <div className={classNames(cardStyles.streakCardLeft, cardStyles.cardWithIcon)}>
diff --git a/src/components/HomePage/ReadingSection/index.tsx b/src/components/HomePage/ReadingSection/index.tsx
index c247b27ed3..a2ded435cb 100644
--- a/src/components/HomePage/ReadingSection/index.tsx
+++ b/src/components/HomePage/ReadingSection/index.tsx
@@ -55,6 +55,7 @@ const ReadingSection: React.FC<Props> = () => {
           variant={LinkVariant.Blend}
           href={getProfileNavigationUrl()}
           onClick={onMyQuranClicked}
+          shouldPrefetch={false}
         >
           <p className={styles.myQuranText}>{t('my-quran')}</p>
         </Link>

From 4825e1659dd896180a84b26af8006af5c38b12df Mon Sep 17 00:00:00 2001
From: Rayane STASZEWSKI <zonetecde@gmail.com>
Date: Sun, 2 Nov 2025 10:39:16 +0100
Subject: [PATCH 2/2] applied coderabbit suggestion

---
 src/components/HomePage/ReadingSection/NewCard/index.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/HomePage/ReadingSection/NewCard/index.tsx b/src/components/HomePage/ReadingSection/NewCard/index.tsx
index fbf72ba39f..c49ac4d767 100644
--- a/src/components/HomePage/ReadingSection/NewCard/index.tsx
+++ b/src/components/HomePage/ReadingSection/NewCard/index.tsx
@@ -37,7 +37,6 @@ const NewCard: React.FC = () => {
         className={styles.firstTimeReadingCard}
         link={getTakeNotesNavigationUrl()}
         isNewTab
-        shouldPrefetch={false}
       >
         <div className={styles.cardOuterContainer}>
           <div className={styles.cardWithIcon}>