12.0 change button color (#6329)

frontend/src/components/dialog/generate-upload-link.js

@@ -430,7 +430,7 @@ class GenerateUploadLink extends React.Component {
           }
         </FormGroup>
         {this.state.errorInfo && <Alert color="danger" className="mt-2">{this.state.errorInfo}</Alert>}
-        <Button className="generate-link-btn" onClick={this.generateUploadLink}>{gettext('Generate')}</Button>
+        <Button color="primary" className="generate-link-btn" onClick={this.generateUploadLink}>{gettext('Generate')}</Button>
       </Form>
     );
   }

frontend/src/components/dialog/lib-sub-folder-permission-dialog.js

@@ -39,12 +39,22 @@ class LibSubFolderPermissionDialog extends React.Component {
         <div className="share-dialog-side">
           <Nav pills>
             <NavItem role="tab" aria-selected={activeTab === 'userPermission'} aria-controls="user-perm-panel">
-              <NavLink className={activeTab === 'userPermission' ? 'active' : ''} onClick={this.toggle.bind(this, 'userPermission')} tabIndex="0" onKeyDown={Utils.onKeyDown}>
+              <NavLink
+                className={activeTab === 'userPermission' ? 'active' : ''}
+                onClick={this.toggle.bind(this, 'userPermission')}
+                tabIndex="0"
+                onKeyDown={Utils.onKeyDown}
+              >
                 {gettext('User Permission')}
               </NavLink>
             </NavItem>
             <NavItem role="tab" aria-selected={activeTab === 'groupPermission'} aria-controls="group-perm-panel">
-              <NavLink className={activeTab === 'groupPermission' ? 'active' : ''} onClick={this.toggle.bind(this, 'groupPermission')} tabIndex="0" onKeyDown={Utils.onKeyDown}>
+              <NavLink
+                className={activeTab === 'groupPermission' ? 'active' : ''}
+                onClick={this.toggle.bind(this, 'groupPermission')}
+                tabIndex="0"
+                onKeyDown={Utils.onKeyDown}
+              >
                 {gettext('Group Permission')}
               </NavLink>
             </NavItem>
@@ -53,10 +63,20 @@ class LibSubFolderPermissionDialog extends React.Component {
         <div className="share-dialog-main">
           <TabContent activeTab={this.state.activeTab}>
             <TabPane tabId="userPermission" role="tabpanel" id="user-perm-panel">
-              <LibSubFolderSetUserPermissionDialog repoID={this.props.repoID} repoName={this.props.repoName} folderPath={this.props.folderPath} isDepartmentRepo={this.props.isDepartmentRepo} />
+              <LibSubFolderSetUserPermissionDialog
+                repoID={this.props.repoID}
+                repoName={this.props.repoName}
+                folderPath={this.props.folderPath}
+                isDepartmentRepo={this.props.isDepartmentRepo}
+              />
             </TabPane>
             <TabPane tabId="groupPermission" role="tabpanel" id="group-perm-panel">
-              <LibSubFolderSetGroupPermissionDialog repoID={this.props.repoID} repoName={this.props.repoName} folderPath={this.props.folderPath} isDepartmentRepo={this.props.isDepartmentRepo} />
+              <LibSubFolderSetGroupPermissionDialog
+                repoID={this.props.repoID}
+                repoName={this.props.repoName}
+                folderPath={this.props.folderPath}
+                isDepartmentRepo={this.props.isDepartmentRepo}
+              />
             </TabPane>
           </TabContent>
         </div>

frontend/src/components/dialog/lib-sub-folder-set-group-permission-dialog.js

@@ -321,7 +321,7 @@ class LibSubFolderSetGroupPermissionDialog extends React.Component {
                 />
               </td>
               <td>
-                <Button onClick={this.addGroupFolderPerm}>{gettext('Submit')}</Button>
+                <Button color="primary" onClick={this.addGroupFolderPerm}>{gettext('Submit')}</Button>
               </td>
             </tr>
             {this.state.errorMsg.length > 0 &&

frontend/src/components/dialog/lib-sub-folder-set-user-permission-dialog.js

@@ -302,7 +302,7 @@ class LibSubFolderSetUserPermissionDialog extends React.Component {
                 />
               </td>
               <td>
-                <Button onClick={this.addUserFolderPerm}>{gettext('Submit')}</Button>
+                <Button color="primary" onClick={this.addUserFolderPerm}>{gettext('Submit')}</Button>
               </td>
             </tr>
             {this.state.errorMsg.length > 0 &&

frontend/src/components/dialog/repo-api-token-dialog.js

@@ -256,7 +256,7 @@ class RepoAPITokenDialog extends React.Component {
                 </td>
                 <td><span className="text-secondary">--</span></td>
                 <td>
-                  <Button onClick={this.addAPIToken} disabled={!this.state.isSubmitBtnActive}>{gettext('Submit')}</Button>
+                  <Button color="primary" onClick={this.addAPIToken} disabled={!this.state.isSubmitBtnActive}>{gettext('Submit')}</Button>
                 </td>
               </tr>
             </tbody>

frontend/src/components/dialog/share-to-group.js

@@ -348,7 +348,7 @@ class ShareToGroup extends React.Component {
                 />
               </td>
               <td>
-                <Button onClick={this.shareToGroup}>{gettext('Submit')}</Button>
+                <Button color="primary" onClick={this.shareToGroup}>{gettext('Submit')}</Button>
               </td>
             </tr>
             {this.state.errorMsg.length > 0 &&

frontend/src/components/dialog/share-to-invite-people.js

@@ -297,7 +297,7 @@ class ShareToInvitePeople extends React.Component {
                 />
               </td>
               <td>
-                <Button onClick={this.shareAndInvite} className="submit-btn" disabled={isSubmitting}
+                <Button color="primary" onClick={this.shareAndInvite} className="submit-btn" disabled={isSubmitting}
                 >{isSubmitting ? <Loading /> : gettext('Submit')}</Button>
               </td>
             </tr>

frontend/src/components/dialog/share-to-other-server.js

@@ -253,6 +253,7 @@ class ShareToOtherServer extends React.Component {
                 <Button
                   onClick={this.OCMShare}
                   disabled={btnDisabled}
+                  color="primary"
                   className={isSubmitting ? 'btn-loading' : ''}>
                   {gettext('Submit')}
                 </Button>

frontend/src/components/dialog/share-to-user.js

@@ -373,7 +373,7 @@ class ShareToUser extends React.Component {
                 />
               </td>
               <td>
-                <Button onClick={this.shareToUser}>{gettext('Submit')}</Button>
+                <Button color="primary" onClick={this.shareToUser}>{gettext('Submit')}</Button>
               </td>
             </tr>
             {this.state.errorMsg.length > 0 &&

frontend/src/components/dialog/sysadmin-dialog/sysadmin-share-to-group.js

@@ -265,7 +265,7 @@ class SysAdminShareToGroup extends React.Component {
                 />
               </td>
               <td>
-                <Button onClick={this.shareToGroup}>{gettext('Submit')}</Button>
+                <Button color="primary" onClick={this.shareToGroup}>{gettext('Submit')}</Button>
               </td>
             </tr>
             {this.state.errorMsg.length > 0 &&

frontend/src/components/dialog/sysadmin-dialog/sysadmin-share-to-user.js

@@ -251,7 +251,7 @@ class SysAdminShareToUser extends React.Component {
                 />
               </td>
               <td>
-                <Button onClick={this.shareToUser}>{gettext('Submit')}</Button>
+                <Button color="primary" onClick={this.shareToUser}>{gettext('Submit')}</Button>
               </td>
             </tr>
             {this.state.errorMsg.length > 0 &&

frontend/src/components/list-and-add-group-members.js

@@ -177,8 +177,8 @@ class ManageMembersDialog extends React.Component {
             className="add-members-select"
           />
           {this.state.selectedOption ?
-            <Button color="secondary" onClick={this.addGroupMember}>{gettext('Submit')}</Button> :
-            <Button color="secondary" disabled>{gettext('Submit')}</Button>
+            <Button color="primary" onClick={this.addGroupMember}>{gettext('Submit')}</Button> :
+            <Button color="primary" disabled>{gettext('Submit')}</Button>
           }
         </div>
         {

frontend/src/components/seatable-integration-account-setting-widgets/add-seatable-account-setting.js

@@ -130,7 +130,7 @@ class AddSeatableAccountSetting extends Component {
           <button
             onClick={stage === 'toCheck'? this.testSeatableAPIToken : this.addSeatableAccountSetting}
             type="button"
-            className="btn btn-secondary add-account-btn"
+            className="btn btn-primary add-account-btn"
           >{stage === 'toCheck' ? gettext('Check') : gettext('Submit')}</button>
         </div>
         <div className="base-account">

frontend/src/components/share-link-panel/link-creation.js

@@ -345,7 +345,7 @@ class LinkCreation extends React.Component {
             </FormGroup>
           )}
           {this.state.errorInfo && <Alert color="danger" className="mt-2">{gettext(this.state.errorInfo)}</Alert>}
-          <Button onClick={this.generateShareLink} className="mt-2 ml-1 mb-1">{gettext('Generate')}</Button>
+          <Button color="primary" onClick={this.generateShareLink} className="mt-2 ml-1 mb-1">{gettext('Generate')}</Button>
         </Form>
       </Fragment>
     );

frontend/src/pages/org-admin/input-item.js

@@ -88,7 +88,7 @@ class OrgSamlConfigInput extends Component {
           <Col md="4">
             {isBtnsShown &&
               <Fragment>
-                <Button className="sf2-icon-tick web-setting-icon-btn web-setting-icon-btn-submit" onMouseDown={this.onSubmit} title={gettext('Submit')}></Button>
+                <Button color="primary" className="sf2-icon-tick web-setting-icon-btn web-setting-icon-btn-submit" onMouseDown={this.onSubmit} title={gettext('Submit')}></Button>
                 <Button className="ml-1 sf2-icon-x2 web-setting-icon-btn web-setting-icon-btn-cancel" title={gettext('Cancel')}></Button>
               </Fragment>
             }

frontend/src/pages/org-admin/statistic/statistic-common-tool.js

@@ -125,7 +125,7 @@ class StatisticCommonTool extends React.Component {
               value={endValue}
               onChange={this.onChange.bind(this, 'endValue')}
             />
-            <Button className="operation-item system-statistic-button" onClick={this.onSubmit}>{gettext('Submit')}</Button>
+            <Button color="primary" className="operation-item system-statistic-button" onClick={this.onSubmit}>{gettext('Submit')}</Button>
           </div>
         </div>
       </Fragment>

frontend/src/pages/org-admin/web-settings/input-item.js

@@ -65,7 +65,7 @@ class WebSettingInput extends Component {
         extraContent={
           isBtnsShown ?
             <Fragment>
-              <Button className="sf2-icon-tick web-setting-icon-btn web-setting-icon-btn-submit" onMouseDown={this.onSubmit} title={gettext('Submit')}></Button>
+              <Button color="primary" className="sf2-icon-tick web-setting-icon-btn web-setting-icon-btn-submit" onMouseDown={this.onSubmit} title={gettext('Submit')}></Button>
               <Button className="ml-1 sf2-icon-x2 web-setting-icon-btn web-setting-icon-btn-cancel" title={gettext('Cancel')}></Button>
             </Fragment> : null
         }

frontend/src/pages/sys-admin/statistic/statistic-common-tool.js

@@ -125,7 +125,7 @@ class StatisticCommonTool extends React.Component {
               value={endValue}
               onChange={this.onChange.bind(this, 'endValue')}
             />
-            <Button className="operation-item system-statistic-button" onClick={this.onSubmit}>{gettext('Submit')}</Button>
+            <Button color="primary" className="operation-item system-statistic-button" onClick={this.onSubmit}>{gettext('Submit')}</Button>
           </div>
         </div>
       </Fragment>

frontend/src/pages/sys-admin/web-settings/input-item.js

@@ -66,7 +66,7 @@ class WebSettingInput extends Component {
         extraContent={
           isBtnsShown ?
             <Fragment>
-              <Button className="sf2-icon-tick web-setting-icon-btn web-setting-icon-btn-submit" onMouseDown={this.onSubmit} title={gettext('Submit')}></Button>
+              <Button color="primary" className="sf2-icon-tick web-setting-icon-btn web-setting-icon-btn-submit" onMouseDown={this.onSubmit} title={gettext('Submit')}></Button>
               <Button className="ml-1 sf2-icon-x2 web-setting-icon-btn web-setting-icon-btn-cancel" title={gettext('Cancel')}></Button>
             </Fragment> : null
         }