From cb47655874f4985c48ed09f5252fa4d0e97930f1 Mon Sep 17 00:00:00 2001
From: Haydn Ewers <27211+haydn@users.noreply.github.com>
Date: Sun, 31 Dec 2023 15:52:14 +1100
Subject: [PATCH] feat: add total count to issue list

---
 pages/index.page.tsx | 43 ++++++++++++++++++++++---------------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/pages/index.page.tsx b/pages/index.page.tsx
index 3c1869b..ef885f2 100644
--- a/pages/index.page.tsx
+++ b/pages/index.page.tsx
@@ -33,31 +33,38 @@ const IndexPage: NextPage = () => {
     return [1, 2, 3, 5, 8, 13][index];
   };
 
-  const issuesWithOutOfDateEstimates = issueSummaries
-    .filter(
-      (issue) =>
-        issue.state === "triage" ||
-        issue.state === "backlog" ||
-        issue.state === "unstarted"
-    )
-    .filter(
-      (issue) =>
-        stats.effort[issue.id].comparisons >= 4 &&
-        issue.estimate !== recommendedEstimate(issue.id)
-    );
+  const issuesToList = issueSummaries.filter(
+    (issue) =>
+      issue.state === "triage" ||
+      issue.state === "backlog" ||
+      issue.state === "unstarted"
+  );
+
+  const issuesWithOutOfDateEstimates = issuesToList.filter(
+    (issue) =>
+      stats.effort[issue.id].comparisons >= 4 &&
+      issue.estimate !== recommendedEstimate(issue.id)
+  );
 
   return (
     <Layout>
       <div
         style={{
           alignItems: "center",
+          borderBottom: "1px solid #eee",
           display: "grid",
           gap: 10,
           gridAutoFlow: "column",
           justifyContent: "end",
+          paddingBottom: 3,
         }}
       >
-        <span>{issuesWithOutOfDateEstimates.length} issue(s) out-of-date</span>
+        <span>
+          <b>Total</b>: {issuesToList.length}
+        </span>
+        <span>
+          <b>Pending</b>: {issuesWithOutOfDateEstimates.length}
+        </span>
         <button
           disabled={issuesWithOutOfDateEstimates.length === 0}
           onClick={async () => {
@@ -69,7 +76,7 @@ const IndexPage: NextPage = () => {
             }
           }}
         >
-          Update All
+          Sync Now
         </button>
       </div>
       <table>
@@ -109,13 +116,7 @@ const IndexPage: NextPage = () => {
           </tr>
         </thead>
         <tbody>
-          {issueSummaries
-            .filter(
-              (issue) =>
-                issue.state === "triage" ||
-                issue.state === "backlog" ||
-                issue.state === "unstarted"
-            )
+          {issuesToList
             .map(({ id }) => id)
             .sort((a, b) => priority(b) - priority(a))
             .map((id) => {
-- 
2.51.2