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 &&