showing a regular quest as featured if no trending ones available

lfglabs-dev · Jan 31, 2024 · 7b3b719 · 7b3b719
1 parent edcca5a
commit 7b3b719
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 16 deletions.
diff --git a/app/page.tsx b/app/page.tsx
@@ -23,22 +23,20 @@ export default function Page() {
           <Blur />
         </div>
         <div className={styles.featured_quest_banner_container}>
-          {featuredQuest && (
-            <FeaturedQuest
-              heading="Featured"
-              key={featuredQuest?.id}
-              title={featuredQuest?.title_card}
-              onClick={() => router.push(`/quest/${featuredQuest?.id}`)}
-              imgSrc={featuredQuest?.img_card}
-              issuer={{
-                name: featuredQuest?.issuer ?? "",
-                logoFavicon: featuredQuest?.logo ?? "",
-              }}
-              reward={featuredQuest?.rewards_title}
-              desc={featuredQuest?.desc}
-              expiry={featuredQuest?.expiry_timestamp}
-            />
-          )}
+          <FeaturedQuest
+            heading="Featured"
+            key={featuredQuest?.id}
+            title={featuredQuest?.title_card}
+            onClick={() => router.push(`/quest/${featuredQuest?.id}`)}
+            imgSrc={featuredQuest?.img_card}
+            issuer={{
+              name: featuredQuest?.issuer ?? "",
+              logoFavicon: featuredQuest?.logo ?? "",
+            }}
+            reward={featuredQuest?.rewards_title}
+            desc={featuredQuest?.desc}
+            expiry={featuredQuest?.expiry_timestamp}
+          />
         </div>
 
         <QuestCategories categories={categories} />

diff --git a/context/QuestsProvider.tsx b/context/QuestsProvider.tsx
@@ -108,6 +108,16 @@ export const QuestsContextProvider = ({
     );
   }, [address]);
 
+  useMemo(() => {
+    if (!quests || featuredQuest) return;
+    const notExpired = quests.filter((quest) => !quest.expired);
+    setFeaturedQuest(
+      notExpired.length >= 1
+        ? notExpired[Math.floor(Math.random() * notExpired.length)]
+        : undefined
+    );
+  }, [quests]);
+
   useMemo(() => {
     if (!address) return;
     getCompletedBoosts(hexToDecimal(address)).then(