From 5c069b8b937f6e1a60f4fb12eb21fecb6c55ff82 Mon Sep 17 00:00:00 2001
From: Chewbacca <dice.warrant-02@icloud.com>
Date: Tue, 23 May 2023 12:32:44 -0400
Subject: [PATCH] Make # members clickable to Group Members page

---
 .../group/components/group-member-count.tsx   | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/app/soapbox/features/group/components/group-member-count.tsx b/app/soapbox/features/group/components/group-member-count.tsx
index 6dc9361817..d6e0223f4a 100644
--- a/app/soapbox/features/group/components/group-member-count.tsx
+++ b/app/soapbox/features/group/components/group-member-count.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
+import { Link } from 'react-router-dom';
 
 import { Text } from 'soapbox/components/ui';
 import { Group } from 'soapbox/types/entities';
@@ -11,17 +12,19 @@ interface IGroupMemberCount {
 
 const GroupMemberCount = ({ group }: IGroupMemberCount) => {
   return (
-    <Text theme='inherit' tag='span' size='sm' weight='medium' data-testid='group-member-count'>
-      {shortNumberFormat(group.members_count)}
-      {' '}
-      <FormattedMessage
-        id='groups.discover.search.results.member_count'
-        defaultMessage='{members, plural, one {member} other {members}}'
-        values={{
-          members: group.members_count,
-        }}
-      />
-    </Text>
+    <Link to={`/group/${group.slug}/members`} className='hover:underline'>
+      <Text theme='inherit' tag='span' size='sm' weight='medium' data-testid='group-member-count'>
+        {shortNumberFormat(group.members_count)}
+        {' '}
+        <FormattedMessage
+          id='groups.discover.search.results.member_count'
+          defaultMessage='{members, plural, one {member} other {members}}'
+          values={{
+            members: group.members_count,
+          }}
+        />
+      </Text>
+    </Link>
   );
 };