From ac47cd45948c20f555c15036bde104a7a19549a7 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde.park@sunshinegardens.org>
Date: Tue, 6 Oct 2020 21:07:39 -0400
Subject: [PATCH] interface: replace icons for group settings

---
 .../src/views/landscape/components/GroupSettings.tsx      | 4 ++--
 .../src/views/landscape/components/GroupSwitcher.tsx      | 4 ++--
 .../src/views/landscape/components/PopoverRoutes.tsx      | 8 ++++----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/pkg/interface/src/views/landscape/components/GroupSettings.tsx b/pkg/interface/src/views/landscape/components/GroupSettings.tsx
index 7f21bc6fa..7b7d8c9a6 100644
--- a/pkg/interface/src/views/landscape/components/GroupSettings.tsx
+++ b/pkg/interface/src/views/landscape/components/GroupSettings.tsx
@@ -40,8 +40,8 @@ export function GroupSettings(props: GroupSettingsProps) {
   const { metadata } = association;
   const currentPrivate = "invite" in props.group.policy;
   const initialValues: FormSchema = {
-    name: metadata.title,
-    description: metadata.description,
+    name: metadata?.title,
+    description: metadata?.description,
     isPrivate: currentPrivate,
   };
 
diff --git a/pkg/interface/src/views/landscape/components/GroupSwitcher.tsx b/pkg/interface/src/views/landscape/components/GroupSwitcher.tsx
index f320d041b..e6c33d47c 100644
--- a/pkg/interface/src/views/landscape/components/GroupSwitcher.tsx
+++ b/pkg/interface/src/views/landscape/components/GroupSwitcher.tsx
@@ -127,7 +127,7 @@ export function GroupSwitcher(props: {
                       <Icon
                         mr={2}
                         color="gray"
-                        icon="Circle"
+                        icon="Node"
                       />
                       <Text> Participants</Text>
                     </GroupSwitcherItem>
@@ -156,7 +156,7 @@ export function GroupSwitcher(props: {
               <Box mr={1} flex='1'>
                 <Text overflow='hidden' display='inline-block' maxWidth='144px'  style={{ textOverflow: 'ellipsis', whiteSpace: 'pre'}}>{title}</Text>
               </Box>
-              <Icon mt="0px" display="block" icon="ChevronSouth" />
+              <Icon size='12px' ml='1' mt="0px" display="inline-block" icon="ChevronSouth" />
             </Box>
           </Dropdown>
           <Row collapse pr={1} justifyContent="flex-end" alignItems="center">
diff --git a/pkg/interface/src/views/landscape/components/PopoverRoutes.tsx b/pkg/interface/src/views/landscape/components/PopoverRoutes.tsx
index 11bd16c05..90a99aa29 100644
--- a/pkg/interface/src/views/landscape/components/PopoverRoutes.tsx
+++ b/pkg/interface/src/views/landscape/components/PopoverRoutes.tsx
@@ -25,7 +25,7 @@ const SidebarItem = ({ selected, icon, text, to }) => {
       px={3}
       py={1}
     >
-      <Icon icon={icon} />
+      <Icon icon={icon} mr='2'/>
       <Text color={selected ? "black" : "gray"}>{text}</Text>
     </HoverBoxLink>
   );
@@ -90,19 +90,19 @@ export function PopoverRoutes(
                     borderRightColor="washedGray"
                   >
                     <SidebarItem
-                      icon="Circle"
+                      icon="Node"
                       selected={view === "participants"}
                       to={relativeUrl("/participants")}
                       text="Participants"
                     />
                     <SidebarItem
-                      icon="Circle"
+                      icon="Gear"
                       selected={view === "settings"}
                       to={relativeUrl("/settings")}
                       text="Group Settings"
                     />
                     <SidebarItem
-                      icon="Circle"
+                      icon="Smiley"
                       selected={view === "profile"}
                       to={relativeUrl("/profile")}
                       text="Group Profile"