feat: add salary summary content

packages/next-common/components/fellowship/salary/common.js

@@ -1,4 +1,6 @@
 import ListLayout from "next-common/components/layout/ListLayout";
+import FellowshipSalarySummary from "./summary";
+import FellowshipSummaryActions from "../core/summary/actions";
 
 export default function FellowshipSalaryCommon({ children, ...props }) {
   const title = "Fellowship Salary";
@@ -11,6 +13,8 @@ export default function FellowshipSalaryCommon({ children, ...props }) {
       seoInfo={seoInfo}
       title={title}
       description={seoInfo.desc}
+      summary={<FellowshipSalarySummary />}
+      summaryFooter={<FellowshipSummaryActions />}
       tabs={[
         {
           label: "Cycles",

packages/next-common/components/fellowship/salary/summary.jsx

@@ -0,0 +1,34 @@
+import { has, partition } from "lodash-es";
+import Summary from "next-common/components/summary";
+import { usePageProps } from "next-common/context/page";
+
+export default function FellowshipSalarySummary() {
+  const { fellowshipMembers, fellowshipSalaryClaimants } = usePageProps();
+
+  const [registeredClaimants] = partition(
+    fellowshipSalaryClaimants,
+    (claimant) => {
+      return (
+        has(claimant?.status?.status, "registered") ||
+        has(claimant?.status?.status, "attempted")
+      );
+    },
+  );
+
+  const items = [
+    {
+      title: "Claimants",
+      content: fellowshipSalaryClaimants?.length || 0,
+    },
+    {
+      title: "Registered",
+      content: registeredClaimants.length,
+    },
+    {
+      title: "Not Inducted",
+      content: fellowshipMembers?.length - fellowshipSalaryClaimants?.length,
+    },
+  ];
+
+  return <Summary items={items} />;
+}