From 674b346de68492757c6256cc6332cabd5f6e8ab5 Mon Sep 17 00:00:00 2001
From: Sledmore <me@sledmore.net>
Date: Sat, 26 Mar 2022 15:57:11 +0000
Subject: [PATCH] Adds an action for showing the most popular groups

---
 .../groups/views/GroupInformationView.tsx         | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/groups/views/GroupInformationView.tsx b/src/components/groups/views/GroupInformationView.tsx
index 51ffceb7..124eb962 100644
--- a/src/components/groups/views/GroupInformationView.tsx
+++ b/src/components/groups/views/GroupInformationView.tsx
@@ -17,10 +17,10 @@ interface GroupInformationViewProps extends GridProps
 
 export const GroupInformationView: FC<GroupInformationViewProps> = props =>
 {
-    const { groupInformation = null, onClose = null, overflow = 'hidden', ...rest } = props;    
+    const { groupInformation = null, onClose = null, overflow = 'hidden', ...rest } = props;
 
     const isRealOwner = (groupInformation && (groupInformation.ownerName === GetSessionDataManager().userName));
-    
+
     const joinGroup = () => (groupInformation && TryJoinGroup(groupInformation.id));
 
     const leaveGroup = () =>
@@ -69,7 +69,7 @@ export const GroupInformationView: FC<GroupInformationViewProps> = props =>
 
             return;
         }
-        
+
         joinGroup();
     }
 
@@ -92,9 +92,12 @@ export const GroupInformationView: FC<GroupInformationViewProps> = props =>
             case 'furniture':
                 CreateLinkEvent('catalog/open/' + CatalogPageName.GUILD_CUSTOM_FURNI);
                 break;
+            case 'popular_groups':
+                CreateLinkEvent('navigator/search/groups');
+                break;
         }
     }, [ groupInformation ]);
-    
+
     if(!groupInformation) return null;
 
     return (
@@ -131,9 +134,9 @@ export const GroupInformationView: FC<GroupInformationViewProps> = props =>
                     <Column gap={ 1 }>
                         <Text small underline pointer onClick={ () => handleAction('homeroom') }>{ LocalizeText('group.linktobase') }</Text>
                         <Text small underline pointer onClick={ () => handleAction('furniture') }>{ LocalizeText('group.buyfurni') }</Text>
-                        <Text small underline pointer>{ LocalizeText('group.showgroups') }</Text>
+                        <Text small underline pointer onClick={ () => handleAction('popular_groups') }>{ LocalizeText('group.showgroups') }</Text>
                     </Column>
-                    { (groupInformation.type !== GroupType.PRIVATE) && 
+                    { (groupInformation.type !== GroupType.PRIVATE) &&
                         <Button disabled={ (groupInformation.membershipType === GroupMembershipType.REQUEST_PENDING) || isRealOwner } onClick={ handleButtonClick }>
                             { LocalizeText(getButtonText()) }
                         </Button> }