integrated signame->sigid to mainscreen

Author: eeen17

src/api/functions/siglead.ts

@@ -4,11 +4,14 @@ import {
   ScanCommand,
 } from "@aws-sdk/client-dynamodb";
 import { unmarshall } from "@aws-sdk/util-dynamodb";
+import { OrganizationList } from "common/orgs.js";
 import {
   SigDetailRecord,
   SigMemberCount,
   SigMemberRecord,
 } from "common/types/siglead.js";
+import { transformSigLeadToURI } from "common/utils.js";
+import { string } from "zod";
 
 export async function fetchMemberRecords(
   sigid: string,
@@ -81,18 +84,29 @@ export async function fetchSigCounts(
 
   const result = await dynamoClient.send(scan);
 
-  const counts: Record<string, number> = {};
+  const ids2Name: Record<string, string> = {};
+  OrganizationList.forEach((org) => {
+    const sigid = transformSigLeadToURI(org);
+    ids2Name[sigid] = org;
+  });
 
+  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]) => ({
+  const joined: Record<string, [string, number]> = {};
+  Object.keys(counts).forEach((sigid) => {
+    joined[sigid] = [ids2Name[sigid], counts[sigid]];
+  });
+
+  const countsArray: SigMemberCount[] = Object.entries(joined).map(
+    ([sigid, [signame, count]]) => ({
       sigid,
+      signame,
       count,
     }),
   );

src/common/orgs.ts

@@ -4,7 +4,7 @@ export const SIGList = [
   "GameBuilders",
   "SIGAIDA",
   "SIGGRAPH",
-  "ICPC",
+  "SIGICPC",
   "SIGMobile",
   "SIGMusic",
   "GLUG",

src/common/types/siglead.ts

@@ -19,5 +19,6 @@ export type SigleadGetRequest = {
 
 export type SigMemberCount = {
   sigid: string;
+  signame: string;
   count: number;
 };

src/ui/pages/siglead/SigScreenComponents.tsx

@@ -8,13 +8,14 @@ import { SigMemberCount } from '@common/types/siglead';
 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 name = sigMemCount.signame;
+  const id = sigMemCount.sigid;
   const count = sigMemCount.count;
   return (
     <NavLink
-      href={`${useLocation().pathname}/${org}`}
+      href={`${useLocation().pathname}/${id}`}
       active={index % 2 === 0}
-      label={org}
+      label={name}
       color="var(--mantine-color-blue-light)"
       variant="filled"
       rightSection={