More changes to alter Home to DMs + Drafts

pkg/interface/src/logic/lib/omnibox.js

@@ -54,7 +54,7 @@ const appIndex = function (apps) {
 
 const otherIndex = function() {
   const other = [];
-  other.push(result('Home', '/~landscape/home', 'home', null));
+  other.push(result('DMs + Drafts', '/~landscape/home', 'home', null));
   other.push(result('Profile and Settings', '/~profile/identity', 'profile', null));
   other.push(result('Log Out', '/~/logout', 'logout', null));
 

pkg/interface/src/logic/lib/workspace.ts

@@ -6,7 +6,7 @@ export function getTitleFromWorkspace(
 ) {
   switch (workspace.type) {
     case "home":
-      return "Home";
+      return "DMs + Drafts";
     case "group":
       const association = associations.contacts[workspace.group];
       return association?.metadata?.title || "";

pkg/interface/src/logic/store/store.ts

@@ -19,7 +19,7 @@ export const homeAssociation = {
   "group-path": "/home",
   metadata: {
     color: "0x0",
-    title: "Home",
+    title: "DMs + Drafts",
     description: "",
     "date-created": "",
     module: "",

pkg/interface/src/views/components/StatusBar.js

@@ -32,7 +32,7 @@ const StatusBar = (props) => {
           <Text ml={2} color='black'>
             Leap
           </Text>
-          <Text display={['none', 'inline']} ml={4} color='gray'>
+          <Text display={['none', 'inline']} ml={2} color='gray'>
             {metaKey}/
           </Text>
         </StatusBarItem>

pkg/interface/src/views/components/StatusBarItem.tsx

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-import { Row as _Row, Icon } from "@tlon/indigo-react";
+import { Row as _Row, Icon, Button } from "@tlon/indigo-react";
 import styled from "styled-components";
 
 const Row = styled(_Row)`
@@ -14,15 +14,11 @@ export function StatusBarItem({
   ...props
 }: StatusBarItemProps) {
   return (
-    <Row
+    <Button
       position="relative"
-      collapse
       border={1}
-      borderRadius={2}
       color="washedGray"
       bg="white"
-      alignItems="center"
-      height='32px'
       px={2}
       {...props}
     >
@@ -35,6 +31,6 @@ export function StatusBarItem({
           style={{ position: 'absolute', top: '-10', right: '-11' }}
         />
       )}
-    </Row>
+    </Button>
   );
 }

pkg/interface/src/views/components/leap/Omnibox.js

@@ -267,7 +267,7 @@ export class Omnibox extends Component {
           display={props.show ? 'block' : 'none'}>
           <Row justifyContent='center'>
             <Box
-              mt='20vh'
+              mt={['10vh', '20vh']}
               width='max(50vw, 300px)'
               maxWidth='600px'
               borderRadius='2'

pkg/interface/src/views/landscape/components/GroupSwitcher.tsx

@@ -120,7 +120,7 @@ export function GroupSwitcher(props: {
                     display="block"
                     icon="Circle"
                   />
-                  <Text>Home</Text>
+                  <Text>DMs + Drafts</Text>
                 </GroupSwitcherItem>}
                 <RecentGroups
                   recent={props.recentGroups}