From bef97699e2c08de92362866e5bb78f56ff3590d4 Mon Sep 17 00:00:00 2001
From: Matilde Park <matilde@tlon.io>
Date: Fri, 30 Oct 2020 16:20:41 -0400
Subject: [PATCH] landscape: new channel surfaces 'back' button on mobile

---
 pkg/interface/src/views/landscape/components/GroupsPane.tsx | 3 ++-
 pkg/interface/src/views/landscape/components/NewChannel.tsx | 3 +++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/pkg/interface/src/views/landscape/components/GroupsPane.tsx b/pkg/interface/src/views/landscape/components/GroupsPane.tsx
index 6c3aecd374..09f4bb7b64 100644
--- a/pkg/interface/src/views/landscape/components/GroupsPane.tsx
+++ b/pkg/interface/src/views/landscape/components/GroupsPane.tsx
@@ -80,7 +80,7 @@ export function GroupsPane(props: GroupsPaneProps) {
           workspace={workspace}
         />
       </>
-    ) 
+    )
 
   return (
     <Switch>
@@ -168,6 +168,7 @@ export function GroupsPane(props: GroupsPaneProps) {
               <NewChannel
                 {...routeProps}
                 api={api}
+                baseUrl={baseUrl}
                 associations={associations}
                 groups={groups}
                 group={groupPath}
diff --git a/pkg/interface/src/views/landscape/components/NewChannel.tsx b/pkg/interface/src/views/landscape/components/NewChannel.tsx
index 1ebcfc6eea..9526e940f0 100644
--- a/pkg/interface/src/views/landscape/components/NewChannel.tsx
+++ b/pkg/interface/src/views/landscape/components/NewChannel.tsx
@@ -108,6 +108,9 @@ export function NewChannel(props: NewChannelProps & RouteComponentProps) {
   };
   return (
     <Col overflowY="auto" p={3}>
+      <Box pb='3' display={['block', 'none']} onClick={() => history.push(props.baseUrl)}>
+        {'<- Back'}
+      </Box>
       <Box fontWeight="bold" mb={4} color="black">
         New Channel
       </Box>