From 177d5bc11e26ab4a84358f11b02b8bf52dba09ea Mon Sep 17 00:00:00 2001
From: James Acklin <james.acklin@gmail.com>
Date: Tue, 9 Mar 2021 21:05:49 -0500
Subject: [PATCH] top bar: fall back to preexisting status control

fixes urbit/landscape#531
---
 .../apps/profile/components/SetStatus.tsx     | 31 +------------------
 .../src/views/components/StatusBar.js         | 10 +++---
 2 files changed, 7 insertions(+), 34 deletions(-)

diff --git a/pkg/interface/src/views/apps/profile/components/SetStatus.tsx b/pkg/interface/src/views/apps/profile/components/SetStatus.tsx
index a22f82845..a19ca2253 100644
--- a/pkg/interface/src/views/apps/profile/components/SetStatus.tsx
+++ b/pkg/interface/src/views/apps/profile/components/SetStatus.tsx
@@ -13,7 +13,7 @@ import {
 } from '@tlon/indigo-react';
 
 export function SetStatus(props: any) {
-  const { contact, ship, api, callback, smallControl } = props;
+  const { contact, ship, api, callback } = props;
   const inputRef = useRef(null);
   const [_status, setStatus] = useState('');
   const onStatusChange = useCallback(
@@ -35,35 +35,6 @@ export function SetStatus(props: any) {
     }
   };
 
-  if (smallControl) {
-    return (
-      <>
-        <Row mb='2'>
-          <Text color='gray' fontWeight='500'>
-            Set Status:
-          </Text>
-        </Row>
-        <Row>
-          <Input
-            ref={inputRef}
-            onChange={onStatusChange}
-            value={_status}
-            autocomplete='off'
-            width='100%'
-            onBlur={() => {
-              editStatus();
-            }}
-            onKeyPress={(evt) => {
-              if (evt.key === 'Enter') {
-                editStatus();
-              }
-            }}
-          />
-        </Row>
-      </>
-    );
-  }
-
   return (
     <Row width='100%' my={3}>
       <Input
diff --git a/pkg/interface/src/views/components/StatusBar.js b/pkg/interface/src/views/components/StatusBar.js
index 16d5838c1..1fcc2f755 100644
--- a/pkg/interface/src/views/components/StatusBar.js
+++ b/pkg/interface/src/views/components/StatusBar.js
@@ -14,7 +14,7 @@ import { Dropdown } from './Dropdown';
 import { StatusBarItem } from './StatusBarItem';
 import { Sigil } from '~/logic/lib/sigil';
 import { uxToHex } from '~/logic/lib/util';
-import { SetStatus } from '~/views/apps/profile/components/SetStatus';
+import { ProfileStatus } from './ProfileStatus';
 import { useTutorialModal } from './useTutorialModal';
 
 import useLocalState, { selectLocalState } from '~/logic/state/local';
@@ -167,11 +167,13 @@ const StatusBar = (props) => {
                 System Preferences
               </Row>
               <Row px={3} pt={2} pb={1} flexDirection='column'>
-                <SetStatus
-                  ship={`~${ship}`}
+                <Text color='gray' fontWeight='500' mb='1'>
+                  Set Status:
+                </Text>
+                <ProfileStatus
                   contact={ourContact}
+                  ship={`~${ship}`}
                   api={api}
-                  smallControl={true}
                 />
               </Row>
             </Col>