refactor(demo): @coreui/icons

coreui · May 16, 2018 · 8420c2f · 8420c2f
1 parent fc68153
commit 8420c2f
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 8 deletions.
diff --git a/demo/src/App.js b/demo/src/App.js
@@ -2,12 +2,14 @@ import React, { Component } from 'react';
 import { HashRouter, Route, Switch } from 'react-router-dom';
 import './App.css';
 // Styles
+// CoreUI Icons Set
+import '@coreui/icons/css/coreui-icons.min.css';
 // Import Flag Icons Set
-import 'flag-icon-css/css/flag-icon.min.css';
+// import 'flag-icon-css/css/flag-icon.min.css';
 // Import Font Awesome Icons Set
-import 'font-awesome/css/font-awesome.min.css';
+// import 'font-awesome/css/font-awesome.min.css';
 // Import Simple Line Icons Set
-import 'simple-line-icons/css/simple-line-icons.css';
+// import 'simple-line-icons/css/simple-line-icons.css';
 // Import Main styles for this application
 import './scss/style.css'
 // import '../node_modules/@coreui/styles/scss/_dropdown-menu-right.scss';

diff --git a/demo/src/_nav.js b/demo/src/_nav.js
@@ -3,7 +3,7 @@ export default {
     {
       name: 'Dashboard',
       url: '/dashboard',
-      icon: 'icon-speedometer',
+      icon: 'cui-speedometer icons',
       badge: {
         variant: 'info',
         text: 'NEW'

diff --git a/demo/src/containers/DefaultLayout/DefaultLayout.js b/demo/src/containers/DefaultLayout/DefaultLayout.js
@@ -40,13 +40,13 @@ class DefaultLayout extends Component {
           <AppSidebarToggler className="d-md-down-none" display="lg" />
           <Nav className="ml-auto" navbar>
             <NavItem className="d-md-down-none">
-              <NavLink href="#"><i className="icon-bell"></i><Badge pill color="danger">5</Badge></NavLink>
+              <NavLink href="#"><i className="cui-bell icons font-xl d-block"></i><Badge pill color="danger">5</Badge></NavLink>
             </NavItem>
             <NavItem className="d-md-down-none">
-              <NavLink href="#"><i className="icon-list"></i></NavLink>
+              <NavLink href="#"><i className="cui-list icons icons font-xl d-block"></i></NavLink>
             </NavItem>
             <NavItem className="d-md-down-none">
-              <NavLink href="#"><i className="icon-location-pin"></i></NavLink>
+              <NavLink href="#"><i className="cui-location-pin icons icons font-xl d-block"></i></NavLink>
             </NavItem>
             <AppHeaderDropdown>
               <DropdownToggle nav>
@@ -89,7 +89,7 @@ class DefaultLayout extends Component {
           </AppAside>
         </div>
         <AppFooter>
-          <span><a href="https://coreui.io">CoreUI</a> &copy; 2018 creativeLabs.</span>
+          <span><a href="https://coreui.io">CoreUI</a> &copy; 2018 creativeLabs</span>
           <span className="ml-auto">Powered by <a href="https://coreui.io/react">CoreUI for React</a></span>
         </AppFooter>
       </div>