diff --git a/src/components/KnownFollowers.tsx b/src/components/KnownFollowers.tsx
index 63f61ce8..7b861dc6 100644
--- a/src/components/KnownFollowers.tsx
+++ b/src/components/KnownFollowers.tsx
@@ -100,7 +100,15 @@ function KnownFollowersInner({
moderation,
}
})
- const count = cachedKnownFollowers.count
+
+ // Does not have blocks applied. Always >= slices.length
+ const serverCount = cachedKnownFollowers.count
+
+ /*
+ * We check above too, but here for clarity and a reminder to _check for
+ * valid indices_
+ */
+ if (slice.length === 0) return null
return (
- {count > 2 ? (
-
- Followed by{' '}
-
- {slice[0].profile.displayName}
-
- ,{' '}
-
- {slice[1].profile.displayName}
-
- , and{' '}
-
-
- ) : count === 2 ? (
+ {slice.length >= 2 ? (
+ // 2-n followers, including blocks
+ serverCount > 2 ? (
+
+ Followed by{' '}
+
+ {slice[0].profile.displayName}
+
+ ,{' '}
+
+ {slice[1].profile.displayName}
+
+ , and{' '}
+
+
+ ) : (
+ // only 2
+
+ Followed by{' '}
+
+ {slice[0].profile.displayName}
+ {' '}
+ and{' '}
+
+ {slice[1].profile.displayName}
+
+
+ )
+ ) : serverCount > 1 ? (
+ // 1-n followers, including blocks
Followed by{' '}
{slice[0].profile.displayName}
{' '}
and{' '}
-
- {slice[1].profile.displayName}
-
+
) : (
+ // only 1
Followed by{' '}