feat: improve button labels to be more concise in text (#2207)

Author: MrMartinR

src/dashboard/Account/AccountOverview.react.js

@@ -291,7 +291,7 @@ export default class AccountOverview extends React.Component {
       onClose={() => {
         this.setState({showAccountKeyModal: false});
       }}
-      submitText='Create Key'
+      submitText='Create'
       inProgressText={'Creating\u2026'}
       clearFields={() => {
         this.setState({accountKeyName: ''});
@@ -332,7 +332,7 @@ export default class AccountOverview extends React.Component {
       subtitle='If you delete this account key, anything that was using it will stop working.'
       type={Modal.Types.DANGER}
       open={this.state.showDeleteAccountKeyModal}
-      submitText='Yes, delete it'
+      submitText='Delete'
       inProgressText={'Deleting\u2026'}
       onSubmit={() => {
         return AccountManager.deleteAccountKeyById(this.state.accountKeyIdToDelete);

src/dashboard/Data/Browser/AddColumnDialog.react.js

@@ -200,10 +200,10 @@ export default class AddColumnDialog extends React.Component {
         title='Add a new column'
         subtitle='Store another type of data in this class.'
         disabled={!this.valid()}
-        confirmText='Add column'
-        cancelText={'Never mind, don\u2019t.'}
+        confirmText='Add'
+        cancelText='Cancel'
         onCancel={this.props.onCancel}
-        continueText={'Add column & continue'}
+        continueText={'Add & continue'}
         showContinue={true}
         onContinue={() => {
           this.props.onContinue(this.state);

src/dashboard/Data/Browser/AttachRowsDialog.react.js

@@ -43,7 +43,7 @@ export default class AttachRowsDialog extends React.Component {
         onClose={this.props.onCancel}
         onSubmit={this.handleConfirm}
         submitText="Attach"
-        inProgressText="Attaching ..."
+        inProgressText={'Attaching\u2026'}
       >
         <Field
           label={

src/dashboard/Data/Browser/AttachSelectedRowsDialog.react.js

@@ -128,7 +128,7 @@ export default class AttachSelectedRowsDialog extends React.Component {
         iconSize={40}
         title="Attach Selected Rows to Relation"
         submitText="Attach"
-        inProgressText="Attaching ..."
+        inProgressText={'Attaching\u2026'}
         onClose={this.props.onCancel}
         onSubmit={this.handleConfirm}
       >

src/dashboard/Data/Browser/CloneSelectedRowsDialog.react.js

@@ -56,8 +56,8 @@ export default class CloneSelectedRowsDialog extends React.Component {
         title={this.props.selection['*'] ? 'Clone all rows?' : (selectionLength === 1 ? 'Clone this row?' : `Clone ${selectionLength} rows?`)}
         subtitle={''}
         disabled={!this.valid()}
-        confirmText={'Yes clone'}
-        cancelText={'Never mind, don\u2019t.'}
+        confirmText='Clone'
+        cancelText='Cancel'
         onCancel={this.props.onCancel}
         onConfirm={this.props.onConfirm}>
         {content}

src/dashboard/Data/Browser/CreateClassDialog.react.js

@@ -64,12 +64,12 @@ export default class CreateClassDialog extends React.Component {
         type={Modal.Types.INFO}
         icon='plus'
         iconSize={40}
-        title='Add a new class'
-        subtitle='Create a new collection of objects.'
+        title='Create a new class?'
+        subtitle='This creates a new class to hold objects.'
         disabled={!this.valid()}
-        confirmText='Create class'
-        cancelText={'Cancel'}
-        continueText={'Create class & add columns'}
+        confirmText='Create'
+        cancelText='Cancel'
+        continueText={'Create & add columns'}
         onCancel={this.props.onCancel}
         showContinue={true}
         onContinue={async () => {

src/dashboard/Data/Browser/DeleteRowsDialog.react.js

@@ -57,8 +57,8 @@ export default class DeleteRowsDialog extends React.Component {
         title={this.props.selection['*'] ? `${deleteText} all rows?` : (selectionLength === 1 ? `${deleteText} this row?` : `${deleteText} ${selectionLength} rows?`)}
         subtitle={this.props.relation ? 'You need to delete origin record. This is a reference.' : 'This action cannot be undone!'}
         disabled={!this.valid()}
-        confirmText={`Yes, ${this.props.relation ? 'detach' : 'delete'}`}
-        cancelText={'Never mind, don\u2019t.'}
+        confirmText='Delete'
+        cancelText='Cancel'
         onCancel={this.props.onCancel}
         onConfirm={this.props.onConfirm}>
         {content}

src/dashboard/Data/Browser/DropClassDialog.react.js

@@ -35,8 +35,8 @@ export default class DropClassDialog extends React.Component {
         title='Delete this class?'
         subtitle='This action cannot be undone!'
         disabled={!this.valid()}
-        confirmText='Yes, delete.'
-        cancelText={'Never mind, don\u2019t.'}
+        confirmText='Delete'
+        cancelText='Cancel'
         onCancel={this.props.onCancel}
         onConfirm={this.props.onConfirm}>
         <Field

src/dashboard/Data/Browser/ExportDialog.react.js

@@ -46,7 +46,7 @@ export default class ExportDialog extends React.Component {
         type={Modal.Types.INFO}
         icon='down-outline'
         iconSize={40}
-        title='Export this class'
+        title='Export this class?'
         subtitle={'We\'ll send you an email when your data is ready.'}
         confirmText='Export'
         cancelText='Cancel'

src/dashboard/Data/Browser/ExportSelectedRowsDialog.react.js

@@ -30,8 +30,8 @@ export default class ExportSelectedRowsDialog extends React.Component {
         title={this.props.selection['*'] ? 'Export all rows?' : (selectionLength === 1 ? 'Export 1 selected row?' : `Export ${selectionLength} selected rows?`)}
         subtitle={this.props.selection['*'] ? 'Note: Exporting is limited to the first 10,000 rows.' : ''}
         disabled={!this.valid()}
-        confirmText={'Yes export'}
-        cancelText={'Never mind, don\u2019t.'}
+        confirmText='Export'
+        cancelText='Cancel'
         onCancel={this.props.onCancel}
         onConfirm={this.props.onConfirm}>
         {}