update community 10 sketches to be fetched with getCuratedSketches with no args and memoize getCurationSketches

Author: clairep94

src/api/OpenProcessing.ts

@@ -36,19 +36,19 @@ export type OpenProcessingCurationResponse = Array<{
  * @param limit max number of sketches to return
  * @returns sketches
  */
-export const getCurationSketches = async (
+export const getCurationSketches = memoize(async (
   limit?: number,
 ): Promise<OpenProcessingCurationResponse> => {
   const limitParam = limit ? `limit=${limit}` : "";
   const response = await fetch(
     `${openProcessingEndpoint}curation/${curationId}/sketches?${limitParam}`,
   );
   if(!response.ok){ //log error instead of throwing error to not cache result in memoize
-    console.log('getCurationSketches', response.status, response.statusText)
+    console.error('getCurationSketches', response.status, response.statusText)
   }
   const payload = await response.json();
   return payload as OpenProcessingCurationResponse;
-};
+});
 
 /**
  * API Response from a call to the Sketch endpoint
@@ -82,7 +82,7 @@ export const getSketch = memoize(async (
 ): Promise<OpenProcessingSketchResponse> => {
   const response = await fetch(`${openProcessingEndpoint}sketch/${id}`);
   if(!response.ok){ //log error instead of throwing error to not cache result in memoize
-    console.log('getSketch', id, response.status, response.statusText)
+    console.error('getSketch', id, response.status, response.statusText)
   }
   const payload = await response.json();
   return payload as OpenProcessingSketchResponse;
@@ -96,7 +96,7 @@ export const getSketchSize = memoize(async (id: string) => {
 
   const response = await fetch(`${openProcessingEndpoint}sketch/${id}/code`);
   if(!response.ok){ //log error instead of throwing error to not cache result in memoize
-    console.log('getSketchSize', id, response.status, response.statusText)
+    console.error('getSketchSize', id, response.status, response.statusText)
   }
   const payload = await response.json();
 

src/pages/[locale]/community.astro

@@ -5,7 +5,8 @@ import CommunityLayout from "@layouts/CommunityLayout.astro";
 import { getCollectionInLocaleWithFallbacks } from "@pages/_utils";
 
 export const getStaticPaths = async () => {
-  const sketches = await getCurationSketches(10);
+  const allSketches = await getCurationSketches();
+  const sketches = allSketches.slice(0, 10);
   return await Promise.all(
     nonDefaultSupportedLocales.map(async (locale) => {
       const libraries = await getCollectionInLocaleWithFallbacks(

src/pages/community.astro

@@ -3,7 +3,8 @@ import { getCurationSketches } from "../api/OpenProcessing";
 import CommunityLayout from "../layouts/CommunityLayout.astro";
 import { getCollectionInDefaultLocale } from "./_utils";
 
-const sketches = await getCurationSketches(10);
+const allSketches = await getCurationSketches(10);
+const sketches = allSketches.slice(0, 10);
 const libraries = await getCollectionInDefaultLocale("libraries");
 const pastEvents = await getCollectionInDefaultLocale("events");
 ---