ilyakooo0/urbit
1
0
Fork 0
mirror of https://github.com/ilyakooo0/urbit.git synced 2024-12-15 10:02:47 +03:00
Code Issues Packages Projects Releases Wiki Activity

StatusBar: update for new design

Browse Source
This commit is contained in:
Liam Fitzgerald 2020-08-18 10:00:31 +10:00
parent a8e4e00627
commit 5334c08533
2 changed files with 13 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pkg/interface/src/views/components/Content.js
View File

@ -67,9 +67,7 @@ export const Content = (props) => {
path="/~profile" path="/~profile"
render={ p => ( render={ p => (
<Profile <Profile
ship={this.ship} {...props}
api={this.api}
{...state}
/> />
)} )}
/> />

21
pkg/interface/src/views/components/StatusBar.js
View File

@ -27,7 +27,7 @@ function StatusBar(props) {
display={display} display={display}
width="100%" width="100%"
gridTemplateRows="30px" gridTemplateRows="30px"
gridTemplateColumns="2fr 1fr" gridTemplateColumns="3fr 1fr"
py={2} py={2}
px={3} px={3}
> >
@ -42,7 +42,7 @@ function StatusBar(props) {
/> />
</StatusBarItem> </StatusBarItem>
)} )}
<StatusBarItem onClick={() => props.api.local.setOmnibox()}> <StatusBarItem mr={2} onClick={() => props.api.local.setOmnibox()}>
<Text display='inline-block' style={{ transform: 'rotate(180deg)' }}> <Text display='inline-block' style={{ transform: 'rotate(180deg)' }}>
↩ ↩
</Text> </Text>
@ -53,13 +53,9 @@ function StatusBar(props) {
{metaKey}/ {metaKey}/
</Text> </Text>
</StatusBarItem> </StatusBarItem>
<ReconnectButton <StatusBarItem
connection={props.connection} onClick={() => props.history.push('/~groups')}
subscription={props.subscription} badge={Object.keys(invites).length > 0}>
/>
</Row>
<Row justifyContent="flex-end" collapse>
<StatusBarItem onClick={() => props.history.push('/~groups')} mr={2} badge={Object.keys(invites).length > 0}>
<img <img
className='invert-d v-mid' className='invert-d v-mid'
src='/~landscape/img/groups.png' src='/~landscape/img/groups.png'
@ -68,6 +64,13 @@ function StatusBar(props) {
/> />
<Text display={["none", "inline"]} ml={2}>Groups</Text> <Text display={["none", "inline"]} ml={2}>Groups</Text>
</StatusBarItem> </StatusBarItem>
<ReconnectButton
connection={props.connection}
subscription={props.subscription}
/>
</Row>
<Row justifyContent="flex-end" collapse>
<StatusBarItem onClick={() => props.history.push('/~profile')}> <StatusBarItem onClick={() => props.history.push('/~profile')}>
<Sigil ship={props.ship} size={24} color={"#000000"} classes="dib mix-blend-diff" /> <Sigil ship={props.ship} size={24} color={"#000000"} classes="dib mix-blend-diff" />
<Text ml={2} display={["none", "inline"]} fontFamily="mono">{props.ship}</Text> <Text ml={2} display={["none", "inline"]} fontFamily="mono">{props.ship}</Text>