work

lib/cms/featured-markets.ts

@@ -0,0 +1,19 @@
+import groq from "groq";
+import { sanity } from "./sanity";
+
+export type CmsFeaturedMarkets = {
+  marketIds: number[];
+};
+
+const fields = groq`{
+  "marketIds": markets[].marketId,
+}`;
+
+export const getCmsFeaturedMarkets = async () => {
+  // Short circuit to use default if NOTION_API_KEY doesn't exist.
+  const data = await sanity.fetch<CmsFeaturedMarkets[]>(
+    groq`*[_type == "featuredMarkets"]${fields}`,
+  );
+
+  return data?.[0];
+};

lib/cms/news.ts

@@ -22,7 +22,5 @@ export const getCmsNews = async (): Promise<CmsNews[]> => {
     groq`*[_type == "news"] | order(_createdAt desc) ${fields}`,
   );
 
-  console.log(data);
-
   return data;
 };

lib/gql/featured-markets.ts

@@ -7,23 +7,23 @@ import {
 } from "components/markets/market-card/index";
 import { ZTG } from "lib/constants";
 import { MarketOutcome, MarketOutcomes } from "lib/types/markets";
-import { getFeaturedMarketIds } from "lib/cms/get-featured-marketids";
+import { getCmsFeaturedMarkets } from "lib/cms/featured-markets";
 import { isPresent } from "lib/types";
 import { getCurrentPrediction } from "lib/util/assets";
 
 const getFeaturedMarkets = async (
   client: GraphQLClient,
   sdk: Sdk<FullContext>,
 ): Promise<IndexedMarketCardData[]> => {
-  const ids = await getFeaturedMarketIds();
+  const cmsFeaturedMarkets = await getCmsFeaturedMarkets();
 
   const { markets } = await sdk.indexer.markets({
     where: {
-      marketId_in: ids,
+      marketId_in: cmsFeaturedMarkets.marketIds ?? [],
     },
   });
 
-  const featuredMarkets: IndexedMarketCardData[] = markets.map((market) => {
+  let featuredMarkets: IndexedMarketCardData[] = markets.map((market) => {
     const marketCategories: MarketOutcomes =
       market.categories?.map((category, index) => {
         const asset = market.assets[index];
@@ -59,6 +59,13 @@ const getFeaturedMarkets = async (
     return cardMarket;
   });
 
+  featuredMarkets.sort((a, b) => {
+    return (
+      cmsFeaturedMarkets.marketIds?.findIndex((m) => m === a.marketId) -
+      cmsFeaturedMarkets.marketIds?.findIndex((m) => m === b.marketId)
+    );
+  });
+
   return featuredMarkets;
 };
 

pages/index.tsx

@@ -170,7 +170,7 @@ const IndexPage: NextPage<{
         {featuredMarkets.length > 0 && (
           <div className="mb-12">
             <MarketScroll
-              title="Promoted Markets"
+              title="Featured Markets"
               cta="Go to Markets"
               markets={featuredMarkets}
               link="markets"