interface: replace icons for group settings

This commit is contained in:
Matilde Park 2020-10-06 21:07:39 -04:00
parent ae059bfb4b
commit ac47cd4594
3 changed files with 8 additions and 8 deletions

View File

@ -40,8 +40,8 @@ export function GroupSettings(props: GroupSettingsProps) {
const { metadata } = association; const { metadata } = association;
const currentPrivate = "invite" in props.group.policy; const currentPrivate = "invite" in props.group.policy;
const initialValues: FormSchema = { const initialValues: FormSchema = {
name: metadata.title, name: metadata?.title,
description: metadata.description, description: metadata?.description,
isPrivate: currentPrivate, isPrivate: currentPrivate,
}; };

View File

@ -127,7 +127,7 @@ export function GroupSwitcher(props: {
<Icon <Icon
mr={2} mr={2}
color="gray" color="gray"
icon="Circle" icon="Node"
/> />
<Text> Participants</Text> <Text> Participants</Text>
</GroupSwitcherItem> </GroupSwitcherItem>
@ -156,7 +156,7 @@ export function GroupSwitcher(props: {
<Box mr={1} flex='1'> <Box mr={1} flex='1'>
<Text overflow='hidden' display='inline-block' maxWidth='144px' style={{ textOverflow: 'ellipsis', whiteSpace: 'pre'}}>{title}</Text> <Text overflow='hidden' display='inline-block' maxWidth='144px' style={{ textOverflow: 'ellipsis', whiteSpace: 'pre'}}>{title}</Text>
</Box> </Box>
<Icon mt="0px" display="block" icon="ChevronSouth" /> <Icon size='12px' ml='1' mt="0px" display="inline-block" icon="ChevronSouth" />
</Box> </Box>
</Dropdown> </Dropdown>
<Row collapse pr={1} justifyContent="flex-end" alignItems="center"> <Row collapse pr={1} justifyContent="flex-end" alignItems="center">

View File

@ -25,7 +25,7 @@ const SidebarItem = ({ selected, icon, text, to }) => {
px={3} px={3}
py={1} py={1}
> >
<Icon icon={icon} /> <Icon icon={icon} mr='2'/>
<Text color={selected ? "black" : "gray"}>{text}</Text> <Text color={selected ? "black" : "gray"}>{text}</Text>
</HoverBoxLink> </HoverBoxLink>
); );
@ -90,19 +90,19 @@ export function PopoverRoutes(
borderRightColor="washedGray" borderRightColor="washedGray"
> >
<SidebarItem <SidebarItem
icon="Circle" icon="Node"
selected={view === "participants"} selected={view === "participants"}
to={relativeUrl("/participants")} to={relativeUrl("/participants")}
text="Participants" text="Participants"
/> />
<SidebarItem <SidebarItem
icon="Circle" icon="Gear"
selected={view === "settings"} selected={view === "settings"}
to={relativeUrl("/settings")} to={relativeUrl("/settings")}
text="Group Settings" text="Group Settings"
/> />
<SidebarItem <SidebarItem
icon="Circle" icon="Smiley"
selected={view === "profile"} selected={view === "profile"}
to={relativeUrl("/profile")} to={relativeUrl("/profile")}
text="Group Profile" text="Group Profile"