From 5f3e96566dd750f5724a522975790fe86ca8cc95 Mon Sep 17 00:00:00 2001
From: Liam Fitzgerald <liam@urizen.co>
Date: Wed, 7 Oct 2020 10:44:44 +1000
Subject: [PATCH] Launch: cleanup design

---
 .../src/views/apps/launch/components/Groups.tsx |  4 +++-
 .../views/apps/launch/components/tiles/tile.js  | 17 ++++++-----------
 .../components/Sidebar/SidebarInvites.tsx       |  2 +-
 3 files changed, 10 insertions(+), 13 deletions(-)
 rename pkg/interface/src/views/{ => landscape}/components/Sidebar/SidebarInvites.tsx (96%)

diff --git a/pkg/interface/src/views/apps/launch/components/Groups.tsx b/pkg/interface/src/views/apps/launch/components/Groups.tsx
index 545ec1bb3e..999e2a0ab0 100644
--- a/pkg/interface/src/views/apps/launch/components/Groups.tsx
+++ b/pkg/interface/src/views/apps/launch/components/Groups.tsx
@@ -58,7 +58,9 @@ export default function Groups(props: GroupsProps & Parameters<typeof Box>[0]) {
       gridAutoRows="124px"
       gridTemplateColumns="repeat(auto-fit, 124px)"
       gridGap={3}
-      p={2}
+      px={2}
+      pt={2}
+      pb="7"
     >
       {incomingGroups.map((invite) => (
         <Box
diff --git a/pkg/interface/src/views/apps/launch/components/tiles/tile.js b/pkg/interface/src/views/apps/launch/components/tiles/tile.js
index ca65f07aa6..04e18c69c0 100644
--- a/pkg/interface/src/views/apps/launch/components/tiles/tile.js
+++ b/pkg/interface/src/views/apps/launch/components/tiles/tile.js
@@ -1,30 +1,25 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import defaultApps from '~/logic/lib/default-apps';
-const routeList = defaultApps.map((e) => {
-  return `/~${e}`;
-});
 
 import { Box } from "@tlon/indigo-react";
 
 export default class Tile extends React.Component {
   render() {
-    const { bg, to, p, ...props } = this.props;
+    const { to, href, p, ...props } = this.props;
     
     let childElement = (
-      <Box p={typeof p === 'undefined' ? 2 : p} bg={bg} width="100%" height="100%">
+      <Box p={typeof p === 'undefined' ? 2 : p} width="100%" height="100%">
         {props.children}
       </Box>
     );
 
     if (to) {
-      if (routeList.indexOf(to) === -1) {
-        childElement= (<Link to={to}>{childElement}</Link>);
-      } else {
-        childElement= (<a href={to}>{childElement}</a>);
-      }
-      
+      childElement= (<Link to={to}>{childElement}</Link>);
+    } else if (href) {
+      childElement= (<a href={href}>{childElement}</a>);
     }
+      
 
     return (
       <Box
diff --git a/pkg/interface/src/views/components/Sidebar/SidebarInvites.tsx b/pkg/interface/src/views/landscape/components/Sidebar/SidebarInvites.tsx
similarity index 96%
rename from pkg/interface/src/views/components/Sidebar/SidebarInvites.tsx
rename to pkg/interface/src/views/landscape/components/Sidebar/SidebarInvites.tsx
index ab461a06f3..6beadf70ed 100644
--- a/pkg/interface/src/views/components/Sidebar/SidebarInvites.tsx
+++ b/pkg/interface/src/views/landscape/components/Sidebar/SidebarInvites.tsx
@@ -3,7 +3,7 @@ import _ from "lodash";
 import { Invites, Invite } from "~/types";
 import { Box, Col, Icon, Row, Text } from "@tlon/indigo-react";
 import GlobalApi from "~/logic/api/global";
-import { StatelessAsyncButton } from "../StatelessAsyncButton";
+import { StatelessAsyncButton } from "~/views/components/StatelessAsyncButton";
 import { cite } from "~/logic/lib/util";
 import { resourceFromPath } from "~/logic/lib/group";