+5 -1

src/components/Verifier/Verifier.css

Reviewed

··· 7 7 margin: 20px auto; 8 8 padding: 20px; 9 9 color: var(--text); 10 10 - background-color: var(--background); 11 10 } 12 11 13 12 .verifier-container h1, ··· 254 253 font-weight: bold; 255 254 font-size: 1.05em; 256 255 margin-right: 5px; 256 256 + } 257 257 + 258 258 + /* Add dark mode color for display name */ 259 259 + .dark-mode .verifier-display-name { 260 260 + color: #3b9af8; /* Light blue for dark mode */ 257 261 } 258 262 259 263 .verifier-network-results p {

+13 -4

src/components/Verifier/Verifier.js

Reviewed

··· 655 655 <p>{networkVerifications.followsVerifiedAnyone} of the {networkVerifications.fetchedFollowsCount} accounts you follow have verified others.</p> 656 656 </div> 657 657 {(() => { 658 658 + // Helper for pluralization 659 659 + const pluralize = (count, singular, plural) => count === 1 ? singular : plural; 660 660 + const mutualsVerifiedMeCount = networkVerifications.mutualsVerifiedMe.length; 661 661 + const followsVerifiedMeCount = networkVerifications.followsVerifiedMe.length; 662 662 + const mutualsVerifiedAnyoneCount = networkVerifications.mutualsVerifiedAnyone; 663 663 + const followsVerifiedAnyoneCount = networkVerifications.followsVerifiedAnyone; 664 664 + const fetchedMutualsCount = networkVerifications.fetchedMutualsCount; 665 665 + const fetchedFollowsCount = networkVerifications.fetchedFollowsCount; 666 666 + 658 667 const statsText = `My verification stats: 659 668 660 660 - ${networkVerifications.mutualsVerifiedMe.length} mutuals verified me, 661 661 - ${networkVerifications.followsVerifiedMe.length} follows verified me, 662 662 - ${networkVerifications.mutualsVerifiedAnyone}/${networkVerifications.fetchedMutualsCount} mutuals verified others, 663 663 - ${networkVerifications.followsVerifiedAnyone}/${networkVerifications.fetchedFollowsCount} follows verified others, 669 669 + ${mutualsVerifiedMeCount} ${pluralize(mutualsVerifiedMeCount, 'mutual', 'mutuals')} verified me, 670 670 + ${followsVerifiedMeCount} ${pluralize(followsVerifiedMeCount, 'follow', 'follows')} verified me, 671 671 + ${mutualsVerifiedAnyoneCount}/${fetchedMutualsCount} ${pluralize(fetchedMutualsCount, 'mutual', 'mutuals')} verified others, 672 672 + ${followsVerifiedAnyoneCount}/${fetchedFollowsCount} ${pluralize(fetchedFollowsCount, 'follow', 'follows')} verified others, 664 673 665 674 Check yours: https://cred.blue/verifier`; 666 675 const encodedStatsText = encodeURIComponent(statsText);