From 07b74af6621568d2899f01945bd5d2a5aca8da88 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde@tlon.io>
Date: Mon, 2 Nov 2020 16:36:07 -0500
Subject: [PATCH] landscape/groupSwitcher: link to group with row

Previously, you had to click the text inside the recent groups menu.

This makes the entire row clickable.
---
 .../src/views/landscape/components/GroupSwitcher.tsx      | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/pkg/interface/src/views/landscape/components/GroupSwitcher.tsx b/pkg/interface/src/views/landscape/components/GroupSwitcher.tsx
index ecfe50f38..20b896708 100644
--- a/pkg/interface/src/views/landscape/components/GroupSwitcher.tsx
+++ b/pkg/interface/src/views/landscape/components/GroupSwitcher.tsx
@@ -49,7 +49,8 @@ function RecentGroups(props: { recent: string[]; associations: Associations }) {
         const assoc = associations.contacts[g];
         const color = uxToHex(assoc?.metadata?.color || "0x0");
         return (
-          <Row key={g} px={1} pb={2} alignItems="center">
+          <Link key={g} style={{ minWidth: 0 }} to={`/~landscape${g}`}>
+          <Row px={1} pb={2} alignItems="center">
             <Box
               borderRadius={1}
               border={1}
@@ -61,10 +62,9 @@ function RecentGroups(props: { recent: string[]; associations: Associations }) {
               display="block"
               flexShrink='0'
             />
-            <Link style={{ minWidth: 0 }} to={`/~landscape${g}`}>
               <Text verticalAlign='top' maxWidth='100%' overflow='hidden' display='inline-block' style={{ textOverflow: 'ellipsis', whiteSpace: 'pre' }}>{assoc?.metadata?.title}</Text>
-            </Link>
-          </Row>
+            </Row>
+          </Link>
         );
       })}
     </Col>