From f76f7fbaf0a0fc5c7a8f1edea6799881c0f7a211 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Wed, 22 Feb 2023 22:07:56 -0800
Subject: [PATCH] Only use username half of account as fallback value

---
 .../FollowerCollection/FollowerCollection.stories.tsx         | 3 +++
 web/components/ui/followers/SingleFollower/SingleFollower.tsx | 4 +++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/web/components/ui/followers/FollowerCollection/FollowerCollection.stories.tsx b/web/components/ui/followers/FollowerCollection/FollowerCollection.stories.tsx
index eda0c5911..fb5bceea6 100644
--- a/web/components/ui/followers/FollowerCollection/FollowerCollection.stories.tsx
+++ b/web/components/ui/followers/FollowerCollection/FollowerCollection.stories.tsx
@@ -261,6 +261,9 @@ const noFollowersMock = {
 export default {
   title: 'owncast/Components/Followers/Followers collection',
   component: FollowerCollection,
+  parameters: {
+    chromatic: { diffThreshold: 0.83 },
+  },
 } as ComponentMeta<typeof FollowerCollection>;
 
 const Template: ComponentStory<typeof FollowerCollection> = (args: object) => (
diff --git a/web/components/ui/followers/SingleFollower/SingleFollower.tsx b/web/components/ui/followers/SingleFollower/SingleFollower.tsx
index 37447648b..74b427855 100644
--- a/web/components/ui/followers/SingleFollower/SingleFollower.tsx
+++ b/web/components/ui/followers/SingleFollower/SingleFollower.tsx
@@ -22,7 +22,9 @@ export const SingleFollower: FC<SingleFollowerProps> = ({ follower }) => (
         </Col>
         <Col span={18}>
           <Row className={styles.name}>
-            <Typography.Text ellipsis>{follower.name || follower.username}</Typography.Text>
+            <Typography.Text ellipsis>
+              {follower.name || follower.username.split('@', 2)[0]}
+            </Typography.Text>
           </Row>
           <Row className={styles.account}>
             <Typography.Text ellipsis>{follower.username}</Typography.Text>