From 9380a46fc3b88fd28d41780bc92f5d07e277bf5a Mon Sep 17 00:00:00 2001 From: Logan Allen Date: Mon, 8 Feb 2021 16:02:32 -0600 Subject: [PATCH] interface: allow channel list to scroll and set a max-height --- .../landscape/components/GroupSummary.tsx | 2 +- .../views/landscape/components/JoinGroup.tsx | 136 +++++++++--------- 2 files changed, 70 insertions(+), 68 deletions(-) diff --git a/pkg/interface/src/views/landscape/components/GroupSummary.tsx b/pkg/interface/src/views/landscape/components/GroupSummary.tsx index d55949517..195f5c656 100644 --- a/pkg/interface/src/views/landscape/components/GroupSummary.tsx +++ b/pkg/interface/src/views/landscape/components/GroupSummary.tsx @@ -13,7 +13,7 @@ interface GroupSummaryProps { export function GroupSummary(props: GroupSummaryProps) { const { channelCount, memberCount, metadata, children } = props; return ( - + - - - - Join a Group - - - {_.isString(preview) ? ( - - The host appears to be offline. Join anyway? - onConfirm(preview)} - > - Join anyway - - - ) : preview ? ( - + + + Join a Group + + + {_.isString(preview) ? ( + + The host appears to be offline. Join anyway? + onConfirm(preview)} > - { Object.keys(preview.channels).length > 0 && ( - + + ) : preview ? ( + + { Object.keys(preview.channels).length > 0 && ( + Channels - {Object.values(preview.channels).map(({ metadata }: any) => ( - - - {metadata.title} - - ))} + + {Object.values(preview.channels).map(({ metadata }: any) => ( + + + {metadata.title} + + ))} + - )} - onConfirm(preview.group)} - > - Join {preview.metadata.title} - - - ) : ( - - -
- - - Join Group - - -
- - )} - - + )} + onConfirm(preview.group)} + > + Join {preview.metadata.title} + +
+ ) : ( + + +
+ + + Join Group + + +
+ + )} + ); }