OpenCloud
/
element-web
mirror of https://github.com/vector-im/element-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix unintended buttons class change

pull/21833/head
J. Ryan Stinnett 2021-05-21 12:38:32 +01:00
parent d0da4b2a25
commit d59b2b3579
1 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/views/dialogs/DevtoolsDialog.tsx
View File

@ -73,7 +73,7 @@ abstract class GenericEditor<
protected abstract send(); protected abstract send();
protected buttons(): React.ReactNode { protected buttons(): React.ReactNode {
return <div className="mx_Dialogbuttons"> return <div className="mx_Dialog_buttons">
<button onClick={this.onBack}>{ _t('Back') }</button> <button onClick={this.onBack}>{ _t('Back') }</button>
{ !this.state.message && <button onClick={this.send}>{ _t('Send') }</button> } { !this.state.message && <button onClick={this.send}>{ _t('Send') }</button> }
</div>; </div>;
@ -184,7 +184,7 @@ export class SendCustomEvent extends GenericEditor<ISendCustomEventProps, ISendC
<Field id="evContent" label={_t("Event Content")} type="text" className="mx_DevTools_textarea" <Field id="evContent" label={_t("Event Content")} type="text" className="mx_DevTools_textarea"
autoComplete="off" value={this.state.evContent} onChange={this.onChange} element="textarea" /> autoComplete="off" value={this.state.evContent} onChange={this.onChange} element="textarea" />
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.onBack}>{ _t('Back') }</button> <button onClick={this.onBack}>{ _t('Back') }</button>
{ !this.state.message && <button onClick={this.send}>{ _t('Send') }</button> } { !this.state.message && <button onClick={this.send}>{ _t('Send') }</button> }
{ showTglFlip && <div style={{float: "right"}}> { showTglFlip && <div style={{float: "right"}}>
@ -284,7 +284,7 @@ class SendAccountData extends GenericEditor<ISendAccountDataProps, ISendAccountD
<Field id="evContent" label={_t("Event Content")} type="text" className="mx_DevTools_textarea" <Field id="evContent" label={_t("Event Content")} type="text" className="mx_DevTools_textarea"
autoComplete="off" value={this.state.evContent} onChange={this.onChange} element="textarea" /> autoComplete="off" value={this.state.evContent} onChange={this.onChange} element="textarea" />
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.onBack}>{ _t('Back') }</button> <button onClick={this.onBack}>{ _t('Back') }</button>
{ !this.state.message && <button onClick={this.send}>{ _t('Send') }</button> } { !this.state.message && <button onClick={this.send}>{ _t('Send') }</button> }
{ !this.state.message && <div style={{float: "right"}}> { !this.state.message && <div style={{float: "right"}}>
@ -472,7 +472,7 @@ class RoomStateExplorer extends React.PureComponent<IExplorerProps, IRoomStateEx
{ JSON.stringify(this.state.event.event, null, 2) } { JSON.stringify(this.state.event.event, null, 2) }
</SyntaxHighlight> </SyntaxHighlight>
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.onBack}>{ _t('Back') }</button> <button onClick={this.onBack}>{ _t('Back') }</button>
<button onClick={this.editEv}>{ _t('Edit') }</button> <button onClick={this.editEv}>{ _t('Edit') }</button>
</div> </div>
@ -517,7 +517,7 @@ class RoomStateExplorer extends React.PureComponent<IExplorerProps, IRoomStateEx
<div className="mx_Dialog_content"> <div className="mx_Dialog_content">
{ list } { list }
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.onBack}>{ _t('Back') }</button> <button onClick={this.onBack}>{ _t('Back') }</button>
</div> </div>
</div>; </div>;
@ -603,7 +603,7 @@ class AccountDataExplorer extends React.PureComponent<IExplorerProps, IAccountDa
{ JSON.stringify(this.state.event.event, null, 2) } { JSON.stringify(this.state.event.event, null, 2) }
</SyntaxHighlight> </SyntaxHighlight>
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.onBack}>{ _t('Back') }</button> <button onClick={this.onBack}>{ _t('Back') }</button>
<button onClick={this.editEv}>{ _t('Edit') }</button> <button onClick={this.editEv}>{ _t('Edit') }</button>
</div> </div>
@ -628,7 +628,7 @@ class AccountDataExplorer extends React.PureComponent<IExplorerProps, IAccountDa
{ rows } { rows }
</FilteredList> </FilteredList>
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.onBack}>{ _t('Back') }</button> <button onClick={this.onBack}>{ _t('Back') }</button>
<div style={{float: "right"}}> <div style={{float: "right"}}>
<input id="isRoomAccountData" className="mx_DevTools_tgl mx_DevTools_tgl-flip" <input id="isRoomAccountData" className="mx_DevTools_tgl mx_DevTools_tgl-flip"
@ -685,7 +685,7 @@ class ServersInRoomList extends React.PureComponent<IExplorerProps, IServersInRo
{ this.servers } { this.servers }
</FilteredList> </FilteredList>
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.props.onBack}>{ _t('Back') }</button> <button onClick={this.props.onBack}>{ _t('Back') }</button>
</div> </div>
</div>; </div>;
@ -775,7 +775,7 @@ class VerificationExplorer extends React.PureComponent<IExplorerProps> {
<VerificationRequestExplorer txnId={txnId} request={request} key={txnId} />, <VerificationRequestExplorer txnId={txnId} request={request} key={txnId} />,
)} )}
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.props.onBack}>{_t("Back")}</button> <button onClick={this.props.onBack}>{_t("Back")}</button>
</div> </div>
</div>); </div>);
@ -845,7 +845,7 @@ class WidgetExplorer extends React.Component<IExplorerProps, IWidgetExplorerStat
if (!stateEv) { // "should never happen" if (!stateEv) { // "should never happen"
return <div> return <div>
{_t("There was an error finding this widget.")} {_t("There was an error finding this widget.")}
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.onBack}>{_t("Back")}</button> <button onClick={this.onBack}>{_t("Back")}</button>
</div> </div>
</div>; </div>;
@ -874,7 +874,7 @@ class WidgetExplorer extends React.Component<IExplorerProps, IWidgetExplorerStat
})} })}
</FilteredList> </FilteredList>
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.onBack}>{_t("Back")}</button> <button onClick={this.onBack}>{_t("Back")}</button>
</div> </div>
</div>); </div>);
@ -1059,7 +1059,7 @@ class SettingsExplorer extends React.PureComponent<IExplorerProps, ISettingsExpl
</tbody> </tbody>
</table> </table>
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.onBack}>{_t("Back")}</button> <button onClick={this.onBack}>{_t("Back")}</button>
</div> </div>
</div> </div>
@ -1121,7 +1121,7 @@ class SettingsExplorer extends React.PureComponent<IExplorerProps, ISettingsExpl
</div> </div>
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.onSaveClick}>{_t("Save setting values")}</button> <button onClick={this.onSaveClick}>{_t("Save setting values")}</button>
<button onClick={this.onBack}>{_t("Back")}</button> <button onClick={this.onBack}>{_t("Back")}</button>
</div> </div>
@ -1167,7 +1167,7 @@ class SettingsExplorer extends React.PureComponent<IExplorerProps, ISettingsExpl
</div> </div>
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={(e) => this.onEditClick(e, this.state.viewSetting)}>{ <button onClick={(e) => this.onEditClick(e, this.state.viewSetting)}>{
_t("Edit Values") _t("Edit Values")
}</button> }</button>
@ -1255,7 +1255,7 @@ export default class DevtoolsDialog extends React.PureComponent<IProps, IState>
}) } }) }
</div> </div>
</div> </div>
<div className="mx_Dialogbuttons"> <div className="mx_Dialog_buttons">
<button onClick={this.onCancel}>{ _t('Cancel') }</button> <button onClick={this.onCancel}>{ _t('Cancel') }</button>
</div> </div>
</React.Fragment>; </React.Fragment>;