From b87adf9a8d04b75aa6d633165014d9a55192eeca Mon Sep 17 00:00:00 2001
From: damedotblog <hi@dame.art>
Date: Tue, 22 Apr 2025 16:43:26 -0400
Subject: [PATCH] fix

---
 src/components/Verifier/Verifier.css |  6 +++++-
 src/components/Verifier/Verifier.js  | 17 +++++++++++++----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/components/Verifier/Verifier.css b/src/components/Verifier/Verifier.css
index ead5abc..91d77f2 100644
--- a/src/components/Verifier/Verifier.css
+++ b/src/components/Verifier/Verifier.css
@@ -7,7 +7,6 @@
   margin: 20px auto;
   padding: 20px;
   color: var(--text);
-  background-color: var(--background);
 }
 
 .verifier-container h1,
@@ -256,6 +255,11 @@
   margin-right: 5px;
 }
 
+/* Add dark mode color for display name */
+.dark-mode .verifier-display-name {
+  color: #3b9af8; /* Light blue for dark mode */
+}
+
 .verifier-network-results p {
   margin: 0px;
 }
diff --git a/src/components/Verifier/Verifier.js b/src/components/Verifier/Verifier.js
index 74a99b4..3f67163 100644
--- a/src/components/Verifier/Verifier.js
+++ b/src/components/Verifier/Verifier.js
@@ -655,12 +655,21 @@ function Verifier() {
                  <p>{networkVerifications.followsVerifiedAnyone} of the {networkVerifications.fetchedFollowsCount} accounts you follow have verified others.</p>
             </div>
             {(() => {
+              // Helper for pluralization
+              const pluralize = (count, singular, plural) => count === 1 ? singular : plural;
+              const mutualsVerifiedMeCount = networkVerifications.mutualsVerifiedMe.length;
+              const followsVerifiedMeCount = networkVerifications.followsVerifiedMe.length;
+              const mutualsVerifiedAnyoneCount = networkVerifications.mutualsVerifiedAnyone;
+              const followsVerifiedAnyoneCount = networkVerifications.followsVerifiedAnyone;
+              const fetchedMutualsCount = networkVerifications.fetchedMutualsCount;
+              const fetchedFollowsCount = networkVerifications.fetchedFollowsCount;
+
               const statsText = `My verification stats:
 
-${networkVerifications.mutualsVerifiedMe.length} mutuals verified me,
-${networkVerifications.followsVerifiedMe.length} follows verified me,
-${networkVerifications.mutualsVerifiedAnyone}/${networkVerifications.fetchedMutualsCount} mutuals verified others,
-${networkVerifications.followsVerifiedAnyone}/${networkVerifications.fetchedFollowsCount} follows verified others,
+${mutualsVerifiedMeCount} ${pluralize(mutualsVerifiedMeCount, 'mutual', 'mutuals')} verified me,
+${followsVerifiedMeCount} ${pluralize(followsVerifiedMeCount, 'follow', 'follows')} verified me,
+${mutualsVerifiedAnyoneCount}/${fetchedMutualsCount} ${pluralize(fetchedMutualsCount, 'mutual', 'mutuals')} verified others,
+${followsVerifiedAnyoneCount}/${fetchedFollowsCount} ${pluralize(fetchedFollowsCount, 'follow', 'follows')} verified others,
 
 Check yours: https://cred.blue/verifier`;
               const encodedStatsText = encodeURIComponent(statsText);
-- 
2.51.2