Merge 9a9c4d5ea6 into e28ab59673

apps/client/project.json

@@ -201,7 +201,7 @@
             "command": "shx cp node_modules/ionicons/dist/index.js dist/apps/client"
           },
           {
-            "command": "shx cp node_modules/ionicons/dist/ionicons.js dist/apps/client"
+            "command": "shx cp node_modules/ionicons/dist/esm/ionicons.js dist/apps/client"
           },
           {
             "command": "shx cp -r node_modules/ionicons/dist/ionicons/* dist/apps/client/ionicons"

apps/client/src/app/app.component.ts

@@ -25,6 +25,90 @@ import {
   Router
 } from '@angular/router';
 import { DataSource } from '@prisma/client';
+import { addIcons } from 'ionicons';
+import {
+  addCircleOutline,
+  addOutline,
+  alertCircleOutline,
+  analyticsOutline,
+  arrowDownCircleOutline,
+  arrowForwardCircleOutline,
+  arrowForwardOutline,
+  arrowRedoOutline,
+  arrowUpCircleOutline,
+  banOutline,
+  bookmarkOutline,
+  bookOutline,
+  cafeOutline,
+  calculatorOutline,
+  calendarClearOutline,
+  calendarOutline,
+  cashOutline,
+  checkmarkCircleOutline,
+  checkmarkOutline,
+  chevronBackOutline,
+  chevronDownCircleOutline,
+  chevronForwardOutline,
+  chevronUpCircleOutline,
+  closeCircleOutline,
+  closeOutline,
+  cloudDownloadOutline,
+  cloudUploadOutline,
+  colorWandOutline,
+  contractOutline,
+  copyOutline,
+  createOutline,
+  cubeOutline,
+  diamondOutline,
+  documentTextOutline,
+  ellipsisHorizontal,
+  ellipsisHorizontalCircleOutline,
+  ellipsisVertical,
+  eyeOffOutline,
+  flagOutline,
+  flameOutline,
+  flashOutline,
+  gridOutline,
+  hammerOutline,
+  happyOutline,
+  informationCircleOutline,
+  keyOutline,
+  libraryOutline,
+  linkOutline,
+  lockClosedOutline,
+  lockOpenOutline,
+  logoGithub,
+  logoLinkedin,
+  logoSlack,
+  logoX,
+  mail,
+  newspaperOutline,
+  open,
+  optionsOutline,
+  pauseCircleOutline,
+  pauseOutline,
+  peopleOutline,
+  personCircleOutline,
+  pieChartOutline,
+  playOutline,
+  readerOutline,
+  refreshOutline,
+  removeCircleOutline,
+  reorderFourOutline,
+  ribbonOutline,
+  scanOutline,
+  searchOutline,
+  serverOutline,
+  settingsOutline,
+  sparklesOutline,
+  squareOutline,
+  swapVerticalOutline,
+  syncOutline,
+  timeOutline,
+  trashOutline,
+  walletOutline,
+  warningOutline
+} from 'ionicons/icons';
 import { DeviceDetectorService } from 'ngx-device-detector';
 import { Subject } from 'rxjs';
 import { filter, takeUntil } from 'rxjs/operators';
@@ -102,6 +186,91 @@ export class AppComponent implements OnDestroy, OnInit {
     this.initializeTheme();
     this.user = undefined;
 
+    // Register all icons
+    addIcons({
+      addCircleOutline,
+      addOutline,
+      alertCircleOutline,
+      analyticsOutline,
+      arrowDownCircleOutline,
+      arrowForwardCircleOutline,
+      arrowForwardOutline,
+      arrowRedoOutline,
+      arrowUpCircleOutline,
+      banOutline,
+      bookOutline,
+      bookmarkOutline,
+      cafeOutline,
+      calculatorOutline,
+      calendarClearOutline,
+      calendarOutline,
+      cashOutline,
+      checkmarkCircleOutline,
+      checkmarkOutline,
+      chevronBackOutline,
+      chevronDownCircleOutline,
+      chevronForwardOutline,
+      chevronUpCircleOutline,
+      closeCircleOutline,
+      closeOutline,
+      cloudDownloadOutline,
+      cloudUploadOutline,
+      colorWandOutline,
+      contractOutline,
+      copyOutline,
+      createOutline,
+      cubeOutline,
+      diamondOutline,
+      documentTextOutline,
+      ellipsisHorizontal,
+      ellipsisHorizontalCircleOutline,
+      ellipsisVertical,
+      eyeOffOutline,
+      flagOutline,
+      flameOutline,
+      flashOutline,
+      gridOutline,
+      hammerOutline,
+      happyOutline,
+      informationCircleOutline,
+      keyOutline,
+      libraryOutline,
+      linkOutline,
+      lockClosedOutline,
+      lockOpenOutline,
+      logoGithub,
+      logoLinkedin,
+      logoSlack,
+      logoX,
+      mail,
+      newspaperOutline,
+      open,
+      optionsOutline,
+      pauseCircleOutline,
+      pauseOutline,
+      peopleOutline,
+      personCircleOutline,
+      pieChartOutline,
+      playOutline,
+      readerOutline,
+      refreshOutline,
+      removeCircleOutline,
+      reorderFourOutline,
+      ribbonOutline,
+      scanOutline,
+      searchOutline,
+      serverOutline,
+      settingsOutline,
+      sparklesOutline,
+      squareOutline,
+      swapVerticalOutline,
+      syncOutline,
+      timeOutline,
+      trashOutline,
+      walletOutline,
+      warningOutline
+    });
+
     this.route.queryParams
       .pipe(takeUntil(this.unsubscribeSubject))
       .subscribe((params) => {

package.json

@@ -116,7 +116,7 @@
     "google-spreadsheet": "3.2.0",
     "helmet": "7.0.0",
     "http-status-codes": "2.3.0",
-    "ionicons": "7.4.0",
+    "ionicons": "8.0.9",
     "jsonpath": "1.1.1",
     "lodash": "4.17.21",
     "marked": "15.0.4",