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

groups: mobile adjustments, settings on blur

Browse Source
This commit is contained in:
Matilde Park 2020-03-11 18:47:25 -04:00
parent 2c0d323fa5
commit c391156781
1 changed files with 19 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
pkg/interface/groups/src/js/components/lib/group-detail.js
View File

@ -151,7 +151,7 @@ export class GroupDetail extends Component {
return (
<div className="pa4 w-100 h-100 white-d">
<div className="f9 w-100">
<div className="f8 f9-m f9-l f9-xl w-100">
<Link to={"/~groups/detail" + props.path}>{"⟵ Channels"}</Link>
</div>
<div className={(groupOwner) ? "" : "o-30"}>
@ -165,26 +165,22 @@ export class GroupDetail extends Component {
value={this.state.title}
disabled={!groupOwner}
onChange={this.changeTitle}
onBlur={() => {
if (groupOwner) {
props.api.setSpinner(true);
props.api.metadataAdd(
association['app-path'],
association['group-path'],
this.state.title,
association.metadata.description,
association.metadata['date-created'],
uxToHex(association.metadata.color)
).then(() => {
props.api.setSpinner(false);
})
}
}}
/>
<span className={"f8 absolute pa3 inter " + ((groupOwner) ? "pointer" : "")}
style={{right: 12, top: 1}}
ref="rename"
onClick={() => {
if (groupOwner) {
props.api.setSpinner(true);
props.api.metadataAdd(
association['app-path'],
association['group-path'],
this.state.title,
association.metadata.description,
association.metadata['date-created'],
uxToHex(association.metadata.color)
).then(() => {
this.refs.rename.innerText = "Saved";
props.api.setSpinner(false);
})
}
}}>Save</span>
</div>
<p className="f8 mt3 lh-copy">Change description</p>
<p className="f9 gray2 mb4">Change the description of this group</p>
@ -196,11 +192,7 @@ export class GroupDetail extends Component {
value={this.state.description}
disabled={!groupOwner}
onChange={this.changeDescription}
/>
<span className={"f8 absolute pa3 inter " + ((groupOwner) ? "pointer" : "")}
style={{ right: 12, top: 1 }}
ref="description"
onClick={() => {
onBlur={() => {
if (groupOwner) {
props.api.setSpinner(true);
props.api.metadataAdd(
@ -211,11 +203,11 @@ export class GroupDetail extends Component {
association.metadata['date-created'],
uxToHex(association.metadata.color)
).then(() => {
this.refs.description.innerText = "Saved";
props.api.setSpinner(false);
})
}
}}>Save</span>
}}
/>
</div>
</div>
</div>