siglead main page api working (fetching from dynamo db only)

* pulls sigid and counts, displays on main page
* routing to detail page working
* need to implement tarash's name function
* tests not written yet

Author: eeen17

src/api/functions/siglead.ts

@@ -4,8 +4,11 @@ import {
   ScanCommand,
 } from "@aws-sdk/client-dynamodb";
 import { unmarshall } from "@aws-sdk/util-dynamodb";
-import { SigDetailRecord, SigMemberRecord } from "common/types/siglead.js";
-import { FastifyRequest } from "fastify";
+import {
+  SigDetailRecord,
+  SigMemberCount,
+  SigMemberRecord,
+} from "common/types/siglead.js";
 
 export async function fetchMemberRecords(
   sigid: string,
@@ -63,3 +66,36 @@ export async function fetchSigDetail(
     return unmarshalledItem as SigDetailRecord;
   })[0];
 }
+
+// select count(sigid)
+// from table
+// groupby sigid
+export async function fetchSigCounts(
+  sigMemberTableName: string,
+  dynamoClient: DynamoDBClient,
+) {
+  const scan = new ScanCommand({
+    TableName: sigMemberTableName,
+    ProjectionExpression: "sigGroupId",
+  });
+
+  const result = await dynamoClient.send(scan);
+
+  const counts: Record<string, number> = {};
+
+  (result.Items || []).forEach((item) => {
+    const sigGroupId = item.sigGroupId?.S;
+    if (sigGroupId) {
+      counts[sigGroupId] = (counts[sigGroupId] || 0) + 1;
+    }
+  });
+
+  const countsArray: SigMemberCount[] = Object.entries(counts).map(
+    ([sigid, count]) => ({
+      sigid,
+      count,
+    }),
+  );
+  console.log(countsArray);
+  return countsArray;
+}

src/api/routes/siglead.ts

@@ -40,9 +40,14 @@ import { zodToJsonSchema } from "zod-to-json-schema";
 import {
   SigDetailRecord,
   SigleadGetRequest,
+  SigMemberCount,
   SigMemberRecord,
 } from "common/types/siglead.js";
-import { fetchMemberRecords, fetchSigDetail } from "api/functions/siglead.js";
+import {
+  fetchMemberRecords,
+  fetchSigCounts,
+  fetchSigDetail,
+} from "api/functions/siglead.js";
 import { intersection } from "api/plugins/auth.js";
 
 const sigleadRoutes: FastifyPluginAsync = async (fastify, _options) => {
@@ -124,7 +129,42 @@ const sigleadRoutes: FastifyPluginAsync = async (fastify, _options) => {
         reply.code(200).send(sigDetail);
       },
     );
+
+    // fetch sig count
+    fastify.get<SigleadGetRequest>(
+      "/sigcount",
+      {
+        onRequest: async (request, reply) => {
+          /*await fastify.authorize(request, reply, [
+              AppRoles.LINKS_MANAGER,
+              AppRoles.LINKS_ADMIN,
+            ]);*/
+        },
+      },
+      async (request, reply) => {
+        // First try-catch: Fetch owner records
+        let sigMemCounts: SigMemberCount[];
+        try {
+          sigMemCounts = await fetchSigCounts(
+            genericConfig.SigleadDynamoSigMemberTableName,
+            fastify.dynamoClient,
+          );
+        } catch (error) {
+          request.log.error(
+            `Failed to fetch sig member counts record: ${error instanceof Error ? error.toString() : "Unknown error"}`,
+          );
+          throw new DatabaseFetchError({
+            message:
+              "Failed to fetch sig member counts record from Dynamo table.",
+          });
+        }
+
+        // Send the response
+        reply.code(200).send(sigMemCounts);
+      },
+    );
   };
+
   fastify.register(limitedRoutes);
 };
 

src/common/types/siglead.ts

@@ -1,18 +1,23 @@
 export type SigDetailRecord = {
-    sigid: string;
-    signame: string;
-    description: string;
-  };
-  
-  export type SigMemberRecord = {
-    sigGroupId: string;
-    email: string;
-    designation: string;
-    memberName: string;
-  };
-  
-  export type SigleadGetRequest = {
-    Params: { sigid: string };
-    Querystring: undefined;
-    Body: undefined;
-  };
+  sigid: string;
+  signame: string;
+  description: string;
+};
+
+export type SigMemberRecord = {
+  sigGroupId: string;
+  email: string;
+  designation: string;
+  memberName: string;
+};
+
+export type SigleadGetRequest = {
+  Params: { sigid: string };
+  Querystring: undefined;
+  Body: undefined;
+};
+
+export type SigMemberCount = {
+  sigid: string;
+  count: number;
+};

src/ui/pages/siglead/ManageSigLeads.page.tsx

@@ -25,6 +25,7 @@ import { ScreenComponent } from './SigScreenComponents';
 import { GroupMemberGetResponse } from '@common/types/iam';
 import { transformCommaSeperatedName } from '@common/utils';
 import { orgsGroupId } from '@common/config';
+import { SigMemberCount } from '@common/types/siglead';
 
 export function capitalizeFirstLetter(string: string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
@@ -65,6 +66,7 @@ type EventPostRequest = z.infer<typeof requestBodySchema>;
 
 export const ManageSigLeadsPage: React.FC = () => {
   const [isSubmitting, setIsSubmitting] = useState<boolean>(false);
+  const [SigMemberCounts, setSigMemberCounts] = useState<SigMemberCount[]>([]);
   const navigate = useNavigate();
   const api = useApi('core');
 
@@ -105,6 +107,25 @@ export const ManageSigLeadsPage: React.FC = () => {
     getEvent();
   }, [eventId, isEditing]);
 
+  useEffect(() => {
+    const getMemberCounts = async () => {
+      try {
+        console.log('fetching counts');
+        /*const formValues = { 
+          };
+          form.setValues(formValues);*/
+        const sigMemberCountsRequest = await api.get(`/api/v1/siglead/sigcount`);
+        setSigMemberCounts(sigMemberCountsRequest.data);
+      } catch (error) {
+        console.error('Error fetching sig member counts:', error);
+        notifications.show({
+          message: 'Failed to fetch sig member counts, please try again.',
+        });
+      }
+    };
+    getMemberCounts();
+  }, []); // empty dependency array to only run once
+
   const form = useForm<EventPostRequest>({
     validate: zodResolver(requestBodySchema),
     initialValues: {
@@ -204,7 +225,7 @@ export const ManageSigLeadsPage: React.FC = () => {
       <Container>
         <TestButton />
         <Title order={2}>SigLead Management System</Title>
-        <ScreenComponent />
+        <ScreenComponent SigMemberCounts={SigMemberCounts} />
         {/* <SigTable /> */}
       </Container>
     </AuthGuard>

src/ui/pages/siglead/SigScreenComponents.tsx

@@ -3,13 +3,16 @@ import { OrganizationList } from '@common/orgs';
 import { NavLink, Paper } from '@mantine/core';
 import { IconUsersGroup } from '@tabler/icons-react';
 import { useLocation } from 'react-router-dom';
+import { SigMemberCount } from '@common/types/siglead';
 
-const renderSigLink = (org: string, index: number) => {
+const renderSigLink = (sigMemCount: SigMemberCount, index: number) => {
   const color = 'light-dark(var(--mantine-color-black), var(--mantine-color-white))';
   const size = '18px';
+  const org = sigMemCount.sigid;
+  const count = sigMemCount.count;
   return (
     <NavLink
-      href={`${useLocation().pathname}/${org}`}
+      href={`${useLocation().pathname}${org}`}
       active={index % 2 === 0}
       label={org}
       color="var(--mantine-color-blue-light)"
@@ -24,7 +27,7 @@ const renderSigLink = (org: string, index: number) => {
             fontSize: `${size}`,
           }}
         >
-          <span>MemberCount[{index}]</span>
+          <span>{count}</span>
           <IconUsersGroup />
         </div>
       }
@@ -38,7 +41,10 @@ const renderSigLink = (org: string, index: number) => {
   );
 };
 
-export const ScreenComponent: React.FC = () => {
+type props = {
+  SigMemberCounts: SigMemberCount[];
+};
+export const ScreenComponent: React.FC<props> = ({ SigMemberCounts }) => {
   return (
     <>
       <Paper
@@ -58,7 +64,8 @@ export const ScreenComponent: React.FC = () => {
         <span>Organization</span>
         <span>Member Count</span>
       </Paper>
-      {OrganizationList.map(renderSigLink)}
+      {/* {OrganizationList.map(renderSigLink)} */}
+      {SigMemberCounts.map(renderSigLink)}
     </>
   );
 };