rename component

vatesfr · Feb 6, 2023 · eae1a60 · eae1a60
1 parent 54c3d50
commit eae1a60
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 13 deletions.
diff --git a/...s/xo-web/src/common/icon-warning-modal.js → packages/xo-web/src/common/bulk-icons.js b/...s/xo-web/src/common/icon-warning-modal.js → packages/xo-web/src/common/bulk-icons.js
@@ -13,7 +13,7 @@ const ICON_WARNING_MODAL_LEVEL = {
   success: 3,
 }
 
-class IconWarningModal extends BaseComponent {
+class BulkIcons extends BaseComponent {
   componentDidMount() {
     // eslint-disable-next-line react/no-find-dom-node
     findDOMNode(this)?.parentElement.classList.add('align-self-center')
@@ -45,15 +45,15 @@ class IconWarningModal extends BaseComponent {
     return (
       length !== 0 && (
         // <a> in order to bypass the BlockLink component
-        <a className={`icon-warning-modal ${level}`} onClick={this.onClick}>
+        <a className={`bulk-icons-triangle ${level}`} onClick={this.onClick}>
           <span>{length}</span>
         </a>
       )
     )
   }
 }
 
-IconWarningModal.propTypes = {
+BulkIcons.propTypes = {
   icons: PropTypes.arrayOf(
     PropTypes.exact({
       level: PropTypes.string.isRequired,
@@ -62,4 +62,4 @@ IconWarningModal.propTypes = {
   ),
 }
 
-export default IconWarningModal
+export default BulkIcons
diff --git a/packages/xo-web/src/index.scss b/packages/xo-web/src/index.scss
@@ -294,7 +294,7 @@ $select-input-height: 40px; // Bootstrap input height
   }
 }
 
-.icon-warning-modal {
+.bulk-icons-triangle {
   border-color: transparent transparent transparent transparent;
   border-style: inset;
   border-width: 0 10px 20px 10px;
@@ -307,17 +307,17 @@ $select-input-height: 40px; // Bootstrap input height
   -webkit-transform: rotate(360deg);
   -o-transform: rotate(360deg);
 }
-.icon-warning-modal.danger {
+.bulk-icons-triangle.danger {
   border-bottom-color: #990822;
 }
-.icon-warning-modal.warning {
+.bulk-icons-triangle.warning {
   border-bottom-color: #eca649;
 }
-.icon-warning-modal.success {
+.bulk-icons-triangle.success {
   border-bottom-color: #089944;
 }
 
-.icon-warning-modal span {
+.bulk-icons-triangle span {
   color: white;
   font-size: 0.75rem;
   font-weight: bold;

diff --git a/packages/xo-web/src/xo-app/home/host-item.js b/packages/xo-web/src/xo-app/home/host-item.js
@@ -33,7 +33,7 @@ import {
 import MiniStats from './mini-stats'
 import styles from './index.css'
 
-import IconWarningModal from '../../common/icon-warning-modal'
+import BulkIcons from '../../common/bulk-icons'
 
 @addSubscriptions({
   hvSupportedVersions: subscribeHvSupportedVersions,
@@ -184,7 +184,7 @@ export default class HostItem extends Component {
                   <span className='tag tag-pill tag-info'>{_('pillMaster')}</span>
                 )}
                 &nbsp;
-                <IconWarningModal icons={icons} />
+                <BulkIcons icons={icons} />
               </EllipsisContainer>
             </Col>
             <Col mediumSize={3} className='hidden-lg-down'>

diff --git a/packages/xo-web/src/xo-app/home/pool-item.js b/packages/xo-web/src/xo-app/home/pool-item.js
@@ -17,7 +17,7 @@ import { injectState } from 'reaclette'
 
 import styles from './index.css'
 
-import IconWarningModal from '../../common/icon-warning-modal'
+import BulkIcons from '../../common/bulk-icons'
 import { isAdmin } from '../../common/selectors'
 import { ShortDate } from '../../common/utils'
 import { getXoaPlan, SOURCES } from '../../common/xoa-plans'
@@ -132,7 +132,7 @@ export default class PoolItem extends Component {
                   <Text value={pool.name_label} onChange={this._setNameLabel} useLongClick />
                 </Ellipsis>
                 &nbsp;
-                <IconWarningModal icons={icons} />
+                <BulkIcons icons={icons} />
                 &nbsp;
                 {missingPatchCount > 0 && (
                   <span>