added pagination logic to ambassador page

docusaurus.config.js

@@ -79,6 +79,13 @@ const config = {
         darkTheme: darkCodeTheme,
         additionalLanguages: ['http', 'java', 'ruby', 'php', 'csharp'],
       },
+      mermaid: {
+        options: {
+          er: {
+            layoutDirection: 'RL'
+          }
+        },
+      }
     }),
 
   plugins: plugins,

src/components/ambassador/AmbassadorCards/index.js

@@ -12,9 +12,14 @@ export default function AmbassadorCards({
   const [loadingCards, setLoadingCards] = React.useState(true);
 
   const getPosts = async () => {
-    const data = await getAmbassadors(expert);
+    let data = await getAmbassadors(expert, 1, 0);
-
     const resultset = []
+
+    if (data.meta) {
+      let count = 0
+      while (count < data.meta.total) {
+        data = await getAmbassadors(expert, 50, count);
+        count += 50
         if (data.members) {
           const memberDetails = await getAmbassadorDetails(data.members.map(item => item.id))
           for (const member of data.members) {
@@ -23,12 +28,19 @@ export default function AmbassadorCards({
                 resultset.push(await getMemberList(member, memberDetail))
               }          
           }
+        }
+      }
+    } else {
+      setCardData(undefined);
+      setLoadingCards(false);
+      return
+    }
+    
+
+
     resultset.sort((a, b) => a.date - b.date)
     setCardData(resultset);
 
-    } else {
-      setCardData(undefined);
-    }
     setLoadingCards(false);
   };
 

src/services/DiscourseService.js

@@ -10,16 +10,16 @@ export async function getTopPosts() {
     return [];
   }
 }
-export async function getAmbassadors(expert) {
+export async function getAmbassadors(expert, limit, offset) {
   try {
     if (expert) {
       const response = await fetch(
-        discourseBaseURL() + 'groups/ambassador_expert/members.json',
+        discourseBaseURL() + 'groups/ambassador_expert/members.json?limit=' + limit + '&offset=' + offset,
       );
       return await response.json();
     } else {
       const response = await fetch(
-        discourseBaseURL() + 'groups/ambassador/members.json',
+        discourseBaseURL() + 'groups/ambassador/members.json?limit=' + limit + '&offset=' + offset,
       );
       return await response.json();
     }