Standardise icons - 2 (#473)

* Standardise icons - 2 * onboarding icons * fix lint * img * used icons * rm unused icons * fix tick color * fix stepper
fylein · Jan 25, 2024 · be31b71 · be31b71
1 parent cb44155
commit be31b71
Show file tree

Hide file tree

Showing 83 changed files with 128 additions and 507 deletions.
diff --git a/src/app/core/models/misc/onboarding-stepper.model.ts b/src/app/core/models/misc/onboarding-stepper.model.ts
@@ -4,9 +4,5 @@ export type OnboardingStepper = {
     step: string,
     icon: string,
     route: string,
-    size: {
-      height: string,
-      width: string
-    },
     styleClasses?: string[]
   }
diff --git a/src/app/core/models/qbo/qbo-configuration/qbo-onboarding.model.ts b/src/app/core/models/qbo/qbo-configuration/qbo-onboarding.model.ts
@@ -18,61 +18,41 @@ export class QBOOnboardingModel {
           active: false,
           completed: false,
           step: 'Connect to QuickBooks Online',
-          icon: 'connector',
+          icon: 'link-vertical-medium',
           route: '/integrations/qbo/onboarding/connector',
-          size: {
-            height: '18px',
-            width: '15px'
-          },
-          styleClasses: ['step-name-connector--text', 'step-name-connector--icon']
+          styleClasses: ['step-name-connector--text']
         },
         {
             active: false,
             completed: false,
             step: 'Map Employees',
-            icon: 'export-setting',
+            icon: 'mapping-medium',
             route: '/integrations/qbo/onboarding/employee_settings',
-            size: {
-              height: '18px',
-              width: '15px'
-            },
-            styleClasses: ['step-name-export--text', 'step-name-export--icon']
+            styleClasses: ['step-name-export--text']
         },
         {
           active: false,
           completed: false,
           step: 'Export Settings',
-          icon: 'export-setting',
+          icon: 'arrow-tail-up-medium',
           route: '/integrations/qbo/onboarding/export_settings',
-          size: {
-            height: '18px',
-            width: '15px'
-          },
-          styleClasses: ['step-name-export--text', 'step-name-export--icon']
+          styleClasses: ['step-name-export--text']
         },
         {
           active: false,
           completed: false,
           step: 'Import Settings',
-          icon: 'export-setting',
+          icon: 'arrow-tail-down-medium',
           route: '/integrations/qbo/onboarding/import_settings',
-          size: {
-            height: '18px',
-            width: '15px'
-          },
-          styleClasses: ['step-name-export--text', 'step-name-export--icon']
+          styleClasses: ['step-name-export--text']
         },
         {
           active: false,
           completed: false,
           step: 'Advanced Settings',
-          icon: 'advanced-setting',
+          icon: 'gear-medium',
           route: '/integrations/qbo/onboarding/advanced_settings',
-          size: {
-            height: '20px',
-            width: '20px'
-          },
-          styleClasses: ['step-name-advanced--text', 'step-name-advanced--icon']
+          styleClasses: ['step-name-advanced--text']
         }
     ];
 

diff --git a/...es/business-central/business-central-configuration/business-central-onboarding.service.ts b/...es/business-central/business-central-configuration/business-central-onboarding.service.ts
@@ -23,49 +23,33 @@ export class BusinessCentralOnboardingService {
       active: false,
       completed: false,
       step: 'Connect to Dynamics \n 365 Business Central',
-      icon: 'connector',
+      icon: 'link-vertical-medium',
       route: '/integrations/business_central/onboarding/connector',
-      size: {
-        height: '18px',
-        width: '15px'
-      },
-      styleClasses: ['step-name-connector--text tw-pl-12-px tw-whitespace-pre-line', 'step-name-connector--icon']
+      styleClasses: ['step-name-connector--text tw-pl-12-px tw-whitespace-pre-line']
     },
     {
       active: false,
       completed: false,
       step: 'Export Settings',
-      icon: 'export-setting',
+      icon: 'arrow-tail-up-medium',
       route: '/integrations/business_central/onboarding/export_settings',
-      size: {
-        height: '18px',
-        width: '15px'
-      },
-      styleClasses: ['step-name-export--text', 'step-name-export--icon']
+      styleClasses: ['step-name-export--text']
     },
     {
       active: false,
       completed: false,
       step: 'Import Settings',
-      icon: 'import-setting',
+      icon: 'arrow-tail-down-medium',
       route: '/integrations/business_central/onboarding/import_settings',
-      size: {
-        height: '18px',
-        width: '15px'
-      },
-      styleClasses: ['step-name-import--text', 'step-name-import--icon']
+      styleClasses: ['step-name-import--text']
     },
     {
       active: false,
       completed: false,
       step: 'Advanced Settings',
-      icon: 'advanced-setting',
+      icon: 'gear-medium',
       route: '/integrations/business_central/onboarding/advanced_settings',
-      size: {
-        height: '20px',
-        width: '20px'
-      },
-      styleClasses: ['step-name-advanced--text', 'step-name-advanced--icon']
+      styleClasses: ['step-name-advanced--text']
     }
   ];
 

diff --git a/src/app/core/services/sage300/sage300-configuration/sage300-onboarding.service.ts b/src/app/core/services/sage300/sage300-configuration/sage300-onboarding.service.ts
@@ -22,48 +22,32 @@ export class Sage300OnboardingService {
       active: false,
       completed: false,
       step: 'Connect to Sage 300 CRE',
-      icon: 'connector',
+      icon: 'link-vertical-medium',
       route: '/integrations/sage300/onboarding/connector',
-      size: {
-        height: '18px',
-        width: '15px'
-      },
-      styleClasses: ['step-name-connector--text', 'step-name-connector--icon']
+      styleClasses: ['step-name-connector--text']
     },
     {
       active: false,
       completed: false,
       step: 'Export Settings',
-      icon: 'export-setting',
+      icon: 'arrow-tail-up-medium',
       route: '/integrations/sage300/onboarding/export_settings',
-      size: {
-        height: '18px',
-        width: '15px'
-      },
       styleClasses: ['step-name-export--text', 'step-name-export--icon']
     },
     {
       active: false,
       completed: false,
       step: 'Import Settings',
-      icon: 'import-setting',
+      icon: 'arrow-tail-down-medium',
       route: '/integrations/sage300/onboarding/import_settings',
-      size: {
-        height: '18px',
-        width: '15px'
-      },
       styleClasses: ['step-name-import--text', 'step-name-import--icon']
     },
     {
       active: false,
       completed: false,
       step: 'Advanced Settings',
-      icon: 'advanced-setting',
+      icon: 'gear-medium',
       route: '/integrations/sage300/onboarding/advanced_settings',
-      size: {
-        height: '20px',
-        width: '20px'
-      },
       styleClasses: ['step-name-advanced--text', 'step-name-advanced--icon']
     }
   ];

diff --git a/...usiness-central-onboarding-connector/business-central-onboarding-connector.component.html b/...usiness-central-onboarding-connector/business-central-onboarding-connector.component.html
@@ -32,7 +32,6 @@
                     [isWarningVisible]="isIncorrectBusinessCentralConnectedDialogVisible"
                     [headerText]="'Incorrect account selected'"
                     [contextText]="'You had previously set up the integration with a different Dynamic 365 Business Central account. Please choose the same to restore the settings'"
-                    [iconPath]="'assets/icons/alert_dialog.svg'"
                     [confirmBtnText]="'Re connect'"
                     [showSecondaryCTA]="false">
                 </app-configuration-confirmation-dialog>

diff --git a/...ng/business-central-onboarding-landing/business-central-onboarding-landing.component.html b/...ng/business-central-onboarding-landing/business-central-onboarding-landing.component.html
@@ -11,7 +11,6 @@
     [isWarningVisible]="isIncorrectQBOConnectedDialogVisible"
     [headerText]="'Incorrect account selected'"
     [contextText]="'You had previously set up the integration with a different Dynamic 365 Business Central account. Please choose the same to restore the settings'"
-    [iconPath]="'assets/icons/alert_dialog.svg'"
     [confirmBtnText]="'Re connect'"
     [showSecondaryCTA]="false">
 </app-configuration-confirmation-dialog>
diff --git a/...l-shared/business-central-export-settings/business-central-export-settings.component.html b/...l-shared/business-central-export-settings/business-central-export-settings.component.html
@@ -50,7 +50,7 @@
                                 [subLabel]="'Select how your employee are represented in Dynamics 365 Business Central. This would help to export the expenses to the correct record in Dynamics 365 Business Central.'"
                                 [options]="employeeFieldMappingOptions"
                                 [placeholder]="'Select representation'"
-                                [iconPath]="'people'"
+                                [iconPath]="'user-two'"
                                 [formControllerName]="'reimbursableEmployeeMapping'"
                                 [isDisabled]="true">
                             </app-configuration-select-field>
@@ -64,7 +64,7 @@
                                 [subLabel]="'Select how your employee are represented in Dynamics 365 Business Central. This would help to export the expenses to the correct record in Dynamics 365 Business Central.'"
                                 [options]="employeeFieldMappingOptions"
                                 [placeholder]="'Select representation'"
-                                [iconPath]="'people'"
+                                [iconPath]="'user-two'"
                                 [formControllerName]="'reimbursableEmployeeMapping'">
                             </app-configuration-select-field>
                         </div>
@@ -76,7 +76,7 @@
                             [subLabel]="'Automatically map the employees in  ' + brandingConfig.brandName + ' to their corresponding records in Dynamics 365 Business Central based on a unique parameter'"
                             [placeholder]="'Select representation'"
                             [options]="employeeMapOptions"
-                            [iconPath]="'questionmark'"
+                            [iconPath]="'question-square-outline'"
                             [formControllerName]="'autoMapEmployee'"
                             [showClearIcon]="true">
                         </app-configuration-select-field>
@@ -105,7 +105,7 @@
                             [label]="'How should the expenses be grouped?'"
                             [subLabel]="'Expense can either be exported as single line items (Expense) or as a grouped report with multiple line items (Expense Report)'"
                             [options]="expenseGroupByOptions"
-                            [iconPath]="'questionmark'"
+                            [iconPath]="'question-square-outline'"
                             [placeholder]="'Select expense grouping'"
                             [formControllerName]="'reimbursableExportGroup'"
                             [appName]="appName">
@@ -200,7 +200,7 @@
                             [label]="'How should the expenses be grouped?'"
                             [subLabel]="'Expense can either be exported as single line items (Expense) or as a grouped report with multiple line items (Expense Report)'"
                             [options]="expenseGroupByOptions"
-                            [iconPath]="'questionmark'"
+                            [iconPath]="'question-square-outline'"
                             [placeholder]="'Select expense grouping'"
                             [formControllerName]="'cccExportGroup'"
                             [appName]="appName">
@@ -215,7 +215,7 @@
                             [subLabel]="'Select how your employee are represented in Dynamics 365 Business Central. This would help to export the expenses to the correct record in Dynamics 365 Business Central.'"
                             [options]="employeeFieldMappingOptions"
                             [placeholder]="'Select representation'"
-                            [iconPath]="'people'"
+                            [iconPath]="'user-two'"
                             [formControllerName]="'reimbursableEmployeeMapping'">
                         </app-configuration-select-field>
                     </div>
@@ -228,7 +228,7 @@
                             [subLabel]="'Select What should be the employee Name in Dynamics 365 Business Central. This would help to export the expenses to the correct record in Dynamics 365 Business Central.'"
                             [options]="nameReferenceInCCC"
                             [placeholder]="'Select representation'"
-                            [iconPath]="'people'"
+                            [iconPath]="'user-two'"
                             [formControllerName]="'journalEntryNamePreference'">
                         </app-configuration-select-field>
                     </div>

diff --git a/src/app/integrations/qbo/qbo-onboarding/qbo-clone-settings/qbo-clone-settings.component.html b/src/app/integrations/qbo/qbo-onboarding/qbo-clone-settings/qbo-clone-settings.component.html
@@ -513,7 +513,6 @@ <h4 class="tw-mb-12-px">Preview of the Description Field</h4>
     [event]="warningEvent"
     [headerText]="warningHeaderText"
     [contextText]="warningContextText"
-    [iconPath]="'assets/icons/alert_dialog.svg'"
     [confirmBtnText]="primaryButtonText"
     [showSecondaryCTA]="true">
 </app-configuration-confirmation-dialog>

diff --git a/src/app/integrations/qbo/qbo-onboarding/qbo-clone-settings/qbo-clone-settings.component.ts b/src/app/integrations/qbo/qbo-onboarding/qbo-clone-settings/qbo-clone-settings.component.ts
@@ -269,13 +269,9 @@ export class QboCloneSettingsComponent implements OnInit {
       active: false,
       completed: false,
       step: 'Clone Settings',
-      icon: 'advanced-setting',
+      icon: 'gear-medium',
       route: '/integrations/qbo/onboarding/clone_settings',
-      size: {
-        height: '20px',
-        width: '20px'
-      },
-      styleClasses: ['step-name-export--text', 'step-name-advanced--icon']
+      styleClasses: ['step-name-export--text']
     });
   }
 

diff --git a/...tions/qbo/qbo-onboarding/qbo-onboarding-connector/qbo-onboarding-connector.component.html b/...tions/qbo/qbo-onboarding/qbo-onboarding-connector/qbo-onboarding-connector.component.html
@@ -31,7 +31,6 @@
                 [event]="warningEvent"
                 [headerText]="warningHeaderText"
                 [contextText]="warningContextText"
-                [iconPath]="'assets/icons/alert_dialog.svg'"
                 [confirmBtnText]="primaryButtonText"
                 [showSecondaryCTA]="false">
             </app-configuration-confirmation-dialog>

diff --git a/...egrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.html b/...egrations/qbo/qbo-onboarding/qbo-onboarding-landing/qbo-onboarding-landing.component.html
@@ -11,7 +11,6 @@
     [isWarningVisible]="isIncorrectQBOConnectedDialogVisible"
     [headerText]="'Incorrect account selected'"
     [contextText]="'You had previously set up the integration with a different QuickBooks Online account. Please choose the same to restore the settings'"
-    [iconPath]="'assets/icons/alert_dialog.svg'"
     [confirmBtnText]="'Re connect'"
     [showSecondaryCTA]="false">
 </app-configuration-confirmation-dialog>
diff --git a/...pp/integrations/qbo/qbo-shared/qbo-advanced-settings/qbo-advanced-settings.component.html b/...pp/integrations/qbo/qbo-shared/qbo-advanced-settings/qbo-advanced-settings.component.html
@@ -64,7 +64,7 @@
 
                 <app-configuration-toggle-field *ngIf="isAutoCreateVendorsFieldVisible() && brandingFeatureConfig.featureFlags.advancedSettings.autoCreateVendors"
                     [form]="advancedSettingForm"
-                    [iconPath]="'building'"
+                    [iconPath]="'user-plus'"
                     [label]="'Auto-Create Vendors'"
                     [subLabel]="'While exporting reimbursable expenses from ' + brandingConfig.brandName + ', the integration will automatically create a vendor if a match does not exist in QuickBooks Online already.'"
                     [formControllerName]="'autoCreateVendors'">
@@ -73,7 +73,7 @@
                 <app-configuration-select-field *ngIf="isPaymentSyncFieldVisible() && brandingFeatureConfig.featureFlags.advancedSettings.paymentsSync"
                     [form]="advancedSettingForm"
                     [options]="paymentSyncOptions"
-                    [iconPath]="'synced'"
+                    [iconPath]="'arrow-rotate'"
                     [label]="'Auto Sync payment status for reimbursable expenses'"
                     [subLabel]="'When expense is marked paid in ' + brandingConfig.brandName + ' the transaction in QuickBooks Online will be automatically be updated to Paid and vice versa.'"
                     [placeholder]="'Select how payments should be synced for reimbursable expenses'"
@@ -102,7 +102,7 @@
 
                 <app-configuration-toggle-field *ngIf="isAutoCreateMerchantsAsVendorsFieldVisible()"
                     [form]="advancedSettingForm"
-                    [iconPath]="'building'"
+                    [iconPath]="'user-plus'"
                     [label]="'Auto-create Merchants as Vendors'"
                     [subLabel]="brandingConfig.brandName + ' will auto-create a new vendor in QuickBooks Online if a merchant added by an employee does not have a corresponding match in QuickBooks Online'"
                     [formControllerName]="'autoCreateMerchantsAsVendors'">

diff --git a/...pp/integrations/qbo/qbo-shared/qbo-employee-settings/qbo-employee-settings.component.html b/...pp/integrations/qbo/qbo-shared/qbo-employee-settings/qbo-employee-settings.component.html
@@ -21,7 +21,7 @@
                             [label]="'How are your Employees represented in QuickBooks Online?'"
                             [subLabel]="'Select how you represent your employees in QuickBooks Online. This would help to export the expenses from ' + brandingConfig.brandName + ' to the correct employee/vendor record in QuickBooks Online.'"
                             [options]="employeeMappingOptions"
-                            [iconPath]="'employee'"
+                            [iconPath]="'user-two'"
                             [placeholder]="'Select representation'"
                             [formControllerName]="'employeeMapping'">
                         </app-configuration-select-field>
@@ -32,7 +32,7 @@
                             [label]="'How should Employees in ' + brandingConfig.brandName + ' be matched to Employees/Vendors in QuickBooks Online?'"
                             [subLabel]="'Automatically map the employees in ' + brandingConfig.brandName + ' to their corresponding records in QuickBooks Online based on a unique parameter.'"
                             [options]="autoMapEmployeeOptions"
-                            [iconPath]="'employee'"
+                            [iconPath]="'question-square-outline'"
                             [placeholder]="'Select representation'"
                             [formControllerName]="'autoMapEmployee'">
                         </app-configuration-select-field>
@@ -57,7 +57,6 @@
     [isWarningVisible]="isConfirmationDialogVisible"
     [headerText]="'Change in Configuration'"
     [contextText]="warningDialogText"
-    [iconPath]="'assets/icons/alert_dialog.svg'"
     [confirmBtnText]="'Continue'"
     [showSecondaryCTA]="false">
 </app-configuration-confirmation-dialog>
diff --git a/src/app/integrations/qbo/qbo-shared/qbo-export-settings/qbo-export-settings.component.html b/src/app/integrations/qbo/qbo-shared/qbo-export-settings/qbo-export-settings.component.html
@@ -107,7 +107,7 @@
                                 [label]="'How should the expenses be grouped?'"
                                 [subLabel]="'Expense can either be exported as single line items (Expense) or as a grouped report with multiple line items (Expense Report)'"
                                 [options]="expenseGroupByOptions"
-                                [iconPath]="'questionmark'"
+                                [iconPath]="'question-square-outline'"
                                 [placeholder]="'Select expense grouping'"
                                 [formControllerName]="'reimbursableExportGroup'">
                             </app-configuration-select-field>
@@ -253,7 +253,7 @@
                             [label]="'How should the expenses be grouped?'"
                             [subLabel]="'Expense can either be exported as single line items (Expense) or as a grouped report with multiple line items (Expense Report)'"
                             [options]="expenseGroupByOptions"
-                            [iconPath]="'questionmark'"
+                            [iconPath]="'question-square-outline'"
                             [placeholder]="'Select expense grouping'"
                             [formControllerName]="'creditCardExportGroup'">
                         </app-configuration-select-field>
@@ -290,7 +290,6 @@
     [isWarningVisible]="isConfirmationDialogVisible"
     [headerText]="'Change in Configuration'"
     [contextText]="warningDialogText"
-    [iconPath]="'assets/icons/alert_dialog.svg'"
     [confirmBtnText]="'Continue'"
     [showSecondaryCTA]="false">
 </app-configuration-confirmation-dialog>