Filter out expiring ads

app/soapbox/features/ads/providers/index.ts

@@ -20,6 +20,8 @@ interface Ad {
   card: Card,
   /** Impression URL to fetch when displaying the ad. */
   impression?: string,
+  /** Time when the ad expires and should no longer be displayed. */
+  expires?: Date,
 }
 
 /** Gets the current provider based on config. */

app/soapbox/features/ads/providers/rumble.ts

@@ -43,6 +43,7 @@ const RumbleAdProvider: AdProvider = {
             image: item.asset,
             url: item.click,
           }),
+          expires: new Date(item.expires * 1000),
         }));
       }
     }

app/soapbox/queries/ads.ts

@@ -17,7 +17,19 @@ export default function useAds() {
     });
   };
 
-  return useQuery<Ad[]>(['ads'], getAds, {
+  const result = useQuery<Ad[]>(['ads'], getAds, {
     placeholderData: [],
   });
+
+  // Filter out expired ads.
+  const data = result.data?.filter(ad => {
+    const now = new Date();
+    const isExpired = ad.expires && (now.getTime() > ad.expires.getTime());
+    return !isExpired;
+  });
+
+  return {
+    ...result,
+    data,
+  };
 }