interface: remove joining in statusbar

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

@@ -21,6 +21,7 @@ export interface AuthorProps {
   lineHeight?: string | number;
   isRelativeTime?: boolean;
   dontShowTime?: boolean;
+  gray?: boolean;
 }
 
 // eslint-disable-next-line max-lines-per-function
@@ -35,6 +36,7 @@ function Author(props: AuthorProps & PropFunc<typeof Box>): ReactElement {
     isRelativeTime,
     dontShowTime,
     lineHeight = 'tall',
+    gray = false,
     ...rest
   } = props;
 
@@ -88,7 +90,7 @@ function Author(props: AuthorProps & PropFunc<typeof Box>): ReactElement {
       <Box display='flex' alignItems='baseline'>
         <Text
           ml={showImage ? 2 : 0}
-          color='black'
+          color={gray ? 'gray': 'black'}
           fontSize='1'
           cursor='pointer'
           lineHeight={lineHeight}

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

@@ -18,7 +18,6 @@ import { Dropdown } from './Dropdown';
 import { ProfileStatus } from './ProfileStatus';
 import ReconnectButton from './ReconnectButton';
 import { StatusBarItem } from './StatusBarItem';
-import { StatusBarJoins } from './StatusBarJoins';
 import useHarkState from '~/logic/state/hark';
 
 const localSel = selectLocalState(['toggleOmnibox']);
@@ -83,7 +82,6 @@ const StatusBar = (props) => {
             </Box>
           )}
         </StatusBarItem>
-        <StatusBarJoins />
         <ReconnectButton />
       </Row>
       <Row justifyContent='flex-end'>