add font-awsome

angular.json

@@ -28,6 +28,7 @@
             ],
             "styles": [
               "node_modules/bootstrap/dist/css/bootstrap.min.css",
+              "node_modules/font-awesome/css/font-awesome.min.css",
               "src/styles.scss"
             ],
             "scripts": [

package-lock.json

@@ -944,6 +944,35 @@
         "@babel/helper-validator-identifier": "^7.25.9"
       }
     },
+    "@fortawesome/angular-fontawesome": {
+      "version": "1.0.0",
+      "resolved": "https://arti0-artifactory.sede.corp.sanpaoloimi.com/artifactory/api/npm/npm-repos/@fortawesome/angular-fontawesome/-/angular-fontawesome-1.0.0.tgz",
+      "integrity": "sha512-EC2fYuXIuw2ld1kzJi+zysWus6OeGGfLQtbh0hW9zyyq5aBo8ZJkcJKBsVQ8E6Mg7nHyTWaXn+sdcXTPDWz+UQ==",
+      "requires": {
+        "@fortawesome/fontawesome-svg-core": "^6.7.1",
+        "tslib": "^2.8.1"
+      },
+      "dependencies": {
+        "tslib": {
+          "version": "2.8.1",
+          "resolved": "https://arti0-artifactory.sede.corp.sanpaoloimi.com/artifactory/api/npm/npm-repos/tslib/-/tslib-2.8.1.tgz",
+          "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="
+        }
+      }
+    },
+    "@fortawesome/fontawesome-common-types": {
+      "version": "6.7.2",
+      "resolved": "https://arti0-artifactory.sede.corp.sanpaoloimi.com/artifactory/api/npm/npm-repos/@fortawesome/fontawesome-common-types/-/fontawesome-common-types-6.7.2.tgz",
+      "integrity": "sha512-Zs+YeHUC5fkt7Mg1l6XTniei3k4bwG/yo3iFUtZWd/pMx9g3fdvkSK9E0FOC+++phXOka78uJcYb8JaFkW52Xg=="
+    },
+    "@fortawesome/fontawesome-svg-core": {
+      "version": "6.7.2",
+      "resolved": "https://arti0-artifactory.sede.corp.sanpaoloimi.com/artifactory/api/npm/npm-repos/@fortawesome/fontawesome-svg-core/-/fontawesome-svg-core-6.7.2.tgz",
+      "integrity": "sha512-yxtOBWDrdi5DD5o1pmVdq3WMCvnobT0LU6R8RyyVXPvFRd2o79/0NCuQoCjNTeZz9EzA9xS3JxNWfv54RIHFEA==",
+      "requires": {
+        "@fortawesome/fontawesome-common-types": "6.7.2"
+      }
+    },
     "@jridgewell/gen-mapping": {
       "version": "0.3.8",
       "resolved": "https://arti0-artifactory.sede.corp.sanpaoloimi.com/artifactory/api/npm/npm-repos/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
@@ -4282,6 +4311,11 @@
       "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
       "dev": true
     },
+    "font-awesome": {
+      "version": "4.7.0",
+      "resolved": "https://arti0-artifactory.sede.corp.sanpaoloimi.com/artifactory/api/npm/npm-repos/font-awesome/-/font-awesome-4.7.0.tgz",
+      "integrity": "sha512-U6kGnykA/6bFmg1M/oT9EkFeIYv7JlX3bozwQJWiiLz6L0w3F5vBVPxHlwyX/vtNq1ckcpRKOB9f2Qal/VtFpg=="
+    },
     "for-in": {
       "version": "1.0.2",
       "resolved": "https://arti0-artifactory.sede.corp.sanpaoloimi.com/artifactory/api/npm/npm-repos/for-in/-/for-in-1.0.2.tgz",

package.json

@@ -21,10 +21,12 @@
     "@angular/platform-browser": "~7.1.0",
     "@angular/platform-browser-dynamic": "~7.1.0",
     "@angular/router": "~7.1.0",
+    "@fortawesome/angular-fontawesome": "^1.0.0",
     "ag-grid-angular": "^22.1.1",
     "ag-grid-community": "^22.1.1",
     "bootstrap": "^4.1.1",
     "core-js": "^2.5.4",
+    "font-awesome": "^4.7.0",
     "rxjs": "~6.3.3",
     "tslib": "^1.9.0",
     "zone.js": "~0.8.26"

src/components/dashboard/dashboard.component.html

@@ -4,7 +4,7 @@
     <div class="card-header">
       <h3>Statistics</h3>
       <div class="icon" style="background-color: #3b82f6">
-        <i class="fas fa-desktop"></i>
+        <i class="fa fa-desktop"></i>
       </div>
     </div>
     <div class="card-subtitle" style="color: #3b82f6">
@@ -13,7 +13,7 @@
     <div class="card-content">
       <h1>5,456</h1>
       <span class="trend" style="color: lightgray">
-        <i class="fas fa-arrow-up"></i>
+        <i class="fa fa-arrow-up"></i>
       </span>
     </div>
     <div class="card-percentage" style="background: #c7d2fe">23%</div>
@@ -24,7 +24,7 @@
     <div class="card-header">
       <h3>Unique visitor</h3>
       <div class="icon" style="background-color: #f87171">
-        <i class="fas fa-users"></i>
+        <i class="fa fa-home"></i>
       </div>
     </div>
     <div class="card-subtitle" style="color: #f87171">
@@ -33,7 +33,7 @@
     <div class="card-content">
       <h1>3,874</h1>
       <span class="trend" style="color: lightgray">
-        <i class="fas fa-arrow-down"></i>
+        <i class="fa fa-arrow-down"></i>
       </span>
     </div>
     <div class="card-percentage" style="background: #c7d2fe">45%</div>
@@ -44,14 +44,14 @@
     <div class="card-header">
       <h3>New orders</h3>
       <div class="icon" style="background-color: #fbbf24">
-        <i class="fas fa-chart-line"></i>
+        <i class="fa fa-chart-simple"></i>
       </div>
     </div>
     <div class="card-subtitle" style="color: #fbbf24">54% From last month</div>
     <div class="card-content">
       <h1>5,456</h1>
       <span class="trend" style="color: lightgray">
-        <i class="fas fa-arrow-up"></i>
+        <i class="fa fa-solid fa-arrow-up"></i>
       </span>
     </div>
     <div class="card-percentage" style="background: #c7d2fe">23%</div>

src/components/menu/menu.component.html

@@ -12,9 +12,6 @@
         <li class="nav-item">
           <a class="nav-link" href="users">Users</a>
         </li>
-        <li class="nav-item">
-          <a class="nav-link" href="#">Pricing</a>
-        </li>
        
       </ul>
     </div>