fix: update CIcon imports

Author: woothu

package-lock.json

@@ -39,7 +39,7 @@
   },
   "dependencies": {
     "@coreui/icons": "^2.0.0-beta.3",
-    "@coreui/icons-react": "^1.0.0-beta.5",
+    "@coreui/icons-react": "^1.0.0-rc.1",
     "@coreui/utils": "~1.3.1",
     "@popperjs/core": "~2.4.0",
     "classnames": "~2.2.6",

package.json

@@ -4,7 +4,7 @@ import classNames from 'classnames'
 import CPagination from '../pagination/CPagination'
 import CElementCover from '../element-cover/CElementCover'
 import style from './CDataTable.module.css'
-import { CIconRaw } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 import { cilArrowTop, cilBan } from '@coreui/icons'
 
 //component - CoreUI / CTable
@@ -364,7 +364,7 @@ const CDataTable = props => {
             {
               isSortable(index) &&
               ((sortingIconSlot && sortingIconSlot(getIconState(index), iconClasses(index))) ||
-              <CIconRaw
+              <CIcon
                 customClasses={classNames(iconClasses(index))}
                 width={18}
                 content={cilArrowTop}
@@ -510,7 +510,7 @@ const CDataTable = props => {
               <div className="text-center my-5">
                 <h2>
                   { noItemsText }
-                  <CIconRaw
+                  <CIcon
                     width="30"
                     name="cilBan"
                     content={cilBan}

src/table/CDataTable.js

@@ -6,7 +6,7 @@ import React, {
 } from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
-import { CIconRaw } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 import { useLocation } from 'react-router-dom'
 
 import { Context } from './CSidebar'
@@ -100,7 +100,7 @@ const CSidebarNavDropdown = props => {
       ref={ref}
     >
       <a className="c-sidebar-nav-dropdown-toggle" onClick={toggle} >
-        { icon && <CIconRaw {...iconProps(icon)} /> }
+        { icon && <CIcon {...iconProps(icon)} /> }
         { fontIcon && <i className={iconClasses}/> }
         { name }
       </a>

src/template/CSidebarNavDropdown.js

@@ -2,7 +2,7 @@ import React from 'react'
 import PropTypes from 'prop-types'
 import classNames from 'classnames'
 import { CLink, CBadge } from '../index'
-import { CIconRaw } from '@coreui/icons-react'
+import CIcon from '@coreui/icons-react'
 import { iconProps } from './CSidebarNavDropdown'
 
 //component - CoreUI / CSidebarNavItem
@@ -42,7 +42,7 @@ const CSidebarNavItem = props => {
           {...routerLinkProps}
           {...rest}
         >
-          { icon && <CIconRaw {...iconProps(icon)}/>}
+          { icon && <CIcon {...iconProps(icon)}/>}
           { fontIcon && <i className={`c-sidebar-nav-icon ${fontIcon}`}/>}
           {name}
           { badge && <CBadge {...{...badge, text: null}}>{badge.text}</CBadge>}