feat: added helper for airtable Api

Author: deepak-likes-code

pnpm-lock.yaml

@@ -0,0 +1,39 @@
+import { FieldSet, Table } from 'airtable';
+import { AirtableBase } from 'airtable/lib/airtable_base';
+import { NextApiRequest, NextApiResponse } from 'next';
+import { getDatabase } from '../../util/getDatabase';
+export default async function handler(
+  req: NextApiRequest,
+  res: NextApiResponse
+) {
+
+  const data: any[] = [];
+  const base: AirtableBase = getDatabase();
+  const table: Table<FieldSet> = base("XP Summary");
+  table.select({
+    // Selecting the first 3 records in XP by skill:
+    // maxRecords: 10,
+    fields: ["Name", "Person Type", "Region", "Total XP", "XP (Project)", "XP (Indie)", "Ops XP", "CAB XP", "Bounty XP",],
+    view: "XP by work type"
+  }).eachPage(function page(records, fetchNextPage) {
+    // This function (`page`) will get called for each page of records.
+    let n = 0;
+    records.forEach(function (record) {
+      n++;
+      // console.log('Retrieved', record.fields);
+      data.push(record.fields);
+    });
+    console.log("Total number of contributers ", n)
+
+    // To fetch the next page of records, call `fetchNextPage`.
+    // If there are more records, `page` will get called again.
+    // If there are no more records, `done` will get called.
+    fetchNextPage();
+    res.json(data)
+
+  }, function done(err) {
+    if (err) { console.error(err); return; }
+  });
+
+
+}

src/pages/api/airtableData.js

@@ -2,19 +2,17 @@ import { Container } from '@chakra-ui/react';
 import axios from 'axios';
 import React from 'react';
 import config from '../../config/general.config';
-import DashboardHeader from '../components/Dashboard/DashboardHeader';
 import LeaderBoardWrapper from '../components/Dashboard/LeaderBoardWrapper';
 import SEO from '../components/SEO/SEO';
-import { receivedXPFromAirtableType } from '../interfaces/airtableRecievedXP';
 import { dashboardDataType } from '../interfaces/dashboardStore';
 import { SortByXp } from '../util/sortingData';
 
 export default function Home(props: {
   dashboardData: dashboardDataType[];
   bountyDataJson: any;
-  lastSevenDaysData: receivedXPFromAirtableType[];
+  // lastSevenDaysData: receivedXPFromAirtableType[];
 }) {
-  const { dashboardData, lastSevenDaysData } = props;
+  const { dashboardData } = props;
   console.log('dash data - ', dashboardData.length);
   // console.log('last seven days data - ', lastSevenDaysData);
   // search functionality
@@ -50,9 +48,9 @@ export default function Home(props: {
       />
       <main>
         <Container maxW="full" p="0">
-          <DashboardHeader
+          {/* <DashboardHeader
             lastSevenDaysData={lastSevenDaysData}
-          />
+          /> */}
           <LeaderBoardWrapper
             searchResult={searchResult}
             dashboardData={data}

src/pages/api/airtableData.ts

@@ -0,0 +1,7 @@
+import Airtable from 'airtable';
+
+export function getDatabase() {
+    return new Airtable({ apiKey: process.env.AIRTABLE_API_KEY }).base(
+        process.env.AIRTABLE_BASE_ID!
+    );
+}

src/pages/index.tsx

@@ -19,7 +19,7 @@
     "next-env.d.ts",
     "**/*.ts",
     "**/*.tsx",
-    "src/pages/api/airtableData.js"
+    "src/pages/api/airtableData.ts"
   ],
   "exclude": ["node_modules"]
 }