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

chat: submit color on blur

Browse Source
This commit is contained in:
Matilde Park 2020-03-13 10:38:52 -04:00
parent d4e2369849
commit 788f8013c7
1 changed files with 37 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
pkg/interface/chat/src/js/components/settings.js
View File

@ -23,6 +23,7 @@ export class SettingsScreen extends Component {
this.changeTitle = this.changeTitle.bind(this);
this.changeDescription = this.changeDescription.bind(this);
this.changeColor = this.changeColor.bind(this);
this.submitColor = this.submitColor.bind(this);
}
componentDidMount() {
@ -55,40 +56,6 @@ export class SettingsScreen extends Component {
color: `#${uxToHex(props.association.metadata.color)}`
});
}
if (state.color !== prevState.color) {
//submit color if valid
let color = state.color;
if (color.startsWith("#")) {
color = state.color.substr(1);
}
let hexExp = /([0-9A-Fa-f]{6})/
let hexTest = hexExp.exec(color);
let currentColor = "000000";
if (props.association && "metadata" in props.association) {
currentColor = uxToHex(props.association.metadata.color);
}
if (hexTest && (hexTest[1] !== currentColor)) {
let chatOwner = (deSig(props.match.params.ship) === window.ship);
let association =
(props.association) && ("metadata" in props.association)
? props.association : {};
if (chatOwner) {
props.api.setSpinner(true);
props.api.metadataAdd(
association['app-path'],
association['group-path'],
association.metadata.title,
association.metadata.description,
association.metadata['date-created'],
color
).then(() => {
props.api.setSpinner(false);
})
}
}
}
}
changeTitle() {
@ -103,6 +70,41 @@ export class SettingsScreen extends Component {
this.setState({color: event.target.value});
}
submitColor() {
let { props, state } = this;
let color = state.color;
if (color.startsWith("#")) {
color = state.color.substr(1);
}
let hexExp = /([0-9A-Fa-f]{6})/
let hexTest = hexExp.exec(color);
let currentColor = "000000";
if (props.association && "metadata" in props.association) {
currentColor = uxToHex(props.association.metadata.color);
}
if (hexTest && (hexTest[1] !== currentColor)) {
let chatOwner = (deSig(props.match.params.ship) === window.ship);
let association =
(props.association) && ("metadata" in props.association)
? props.association : {};
if (chatOwner) {
props.api.setSpinner(true);
props.api.metadataAdd(
association['app-path'],
association['group-path'],
association.metadata.title,
association.metadata.description,
association.metadata['date-created'],
color
).then(() => {
props.api.setSpinner(false);
})
}
}
}
deleteChat() {
const { props, state } = this;
@ -223,6 +225,7 @@ export class SettingsScreen extends Component {
value={this.state.color}
disabled={!chatOwner}
onChange={this.changeColor}
onBlur={this.submitColor}
/>
</div>
</div>