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

interface: minor fix grabbag

Browse Source
This commit is contained in:
James Acklin 2021-03-11 17:19:38 -05:00
parent cb25420938
commit 0c766af300
2 changed files with 13 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
pkg/interface/src/views/apps/profile/components/EditProfile.tsx
View File

@ -85,7 +85,7 @@ export function ProfileHeaderImageEdit(props: any): ReactElement {
export function EditProfile(props: any): ReactElement {
const { contact, ship, api } = props;
const isPublic = useContactState(state => state.isContactPublic);
const isPublic = useContactState((state) => state.isContactPublic);
const [hideCover, setHideCover] = useState(false);
const handleHideCover = (value) => {
@ -150,7 +150,7 @@ export function EditProfile(props: any): ReactElement {
<Form width='100%' height='100%'>
<ProfileHeader>
<ProfileControls>
<Row>
<Row alignItems='baseline'>
<Button
type='submit'
display='inline'
@ -178,7 +178,11 @@ export function EditProfile(props: any): ReactElement {
</Row>
<ProfileStatus contact={contact} />
</ProfileControls>
<ProfileImages hideCover={hideCover} contact={contact} ship={ship}>
<ProfileImages
hideCover={hideCover}
contact={contact}
ship={ship}
>
<ProfileHeaderImageEdit
contact={contact}
setFieldValue={setFieldValue}
@ -203,11 +207,7 @@ export function EditProfile(props: any): ReactElement {
<MarkdownField id='bio' mb={3} />
</Col>
<Checkbox mb={3} id='isPublic' label='Public Profile' />
<GroupSearch
label='Pinned Groups'
id='groups'
publicOnly
/>
<GroupSearch label='Pinned Groups' id='groups' publicOnly />
<AsyncButton primary loadingText='Updating...' border mt={3}>
Submit
</AsyncButton>

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

@ -9,6 +9,7 @@ import {
Button,
BaseImage
} from '@tlon/indigo-react';
import ReconnectButton from './ReconnectButton';
import { Dropdown } from './Dropdown';
import { StatusBarItem } from './StatusBarItem';
@ -19,6 +20,7 @@ import { useTutorialModal } from './useTutorialModal';
import useHarkState from '~/logic/state/hark';
import useInviteState from '~/logic/state/invite';
import useContactState from '~/logic/state/contact';
import { useHistory } from 'react-router-dom';
import useLocalState, { selectLocalState } from '~/logic/state/local';
import useSettingsState, { selectCalmState } from '~/logic/state/settings';
@ -61,6 +63,8 @@ const StatusBar = (props) => {
const floatLeap =
leapHighlight && window.matchMedia('(max-width: 550px)').matches;
const contact = useContactState((state) => state.contacts[`~${ship}`]);
return (
<Box
display='grid'
@ -176,11 +180,7 @@ const StatusBar = (props) => {
<Text color='gray' fontWeight='500' mb='1'>
Set Status:
</Text>
<ProfileStatus
contact={ourContact}
ship={`~${ship}`}
api={api}
/>
<ProfileStatus contact={contact} ship={`~${ship}`} api={api} />
</Row>
</Col>
}