Skip to content

Commit 318090a

Browse files
authored
Rebranded AI icon (#3967)
1 parent cb34462 commit 318090a

File tree

12 files changed

+46
-19
lines changed

12 files changed

+46
-19
lines changed

src/app/core/models/task-icon.enum.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,6 @@ export enum TaskIcon {
44
ADVANCE = 'wallet',
55
MOBILE = 'phone',
66
LOCATION = 'location',
7-
STARS = 'stars-filled',
7+
STARS = 'ai-icon',
88
CARD = 'card',
99
}

src/app/fyle/add-edit-expense/add-edit-expense.page.html

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -455,7 +455,7 @@
455455
yyyy') === (fg.controls.dateOfSpend.value | date: 'MMM dd, yyyy')
456456
) {
457457
<div class="add-edit-expense--auto-coded">
458-
<mat-icon class="add-edit-expense--sparkle-icon" svgIcon="sparkle"></mat-icon>
458+
<mat-icon class="add-edit-expense--auto-coded-icon" svgIcon="ai-auto-coded"></mat-icon>
459459
{{ 'addEditExpense.dateAutoCodedInfo' | transloco }}
460460
</div>
461461
}
@@ -668,7 +668,7 @@
668668
autoCodedData.category === fg.controls.category.value.displayName
669669
) {
670670
<div class="add-edit-expense--auto-coded">
671-
<mat-icon class="add-edit-expense--sparkle-icon" svgIcon="sparkle"></mat-icon>
671+
<mat-icon class="add-edit-expense--auto-coded-icon" svgIcon="ai-auto-coded"></mat-icon>
672672
Category is auto coded.
673673
</div>
674674
}
@@ -1221,7 +1221,7 @@
12211221
autoCodedData.vendor_name?.toLowerCase() === fg.controls.vendor_id.value.display_name?.toLowerCase()
12221222
) {
12231223
<div class="add-edit-expense--auto-coded">
1224-
<mat-icon class="add-edit-expense--sparkle-icon" svgIcon="sparkle"></mat-icon>
1224+
<mat-icon class="add-edit-expense--auto-coded-icon" svgIcon="ai-auto-coded"></mat-icon>
12251225
Merchant is auto coded.
12261226
</div>
12271227
}

src/app/fyle/add-edit-expense/add-edit-expense.page.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -727,8 +727,8 @@
727727
margin-top: 4px;
728728
}
729729

730-
&--sparkle-icon {
731-
width: 12px;
730+
&--auto-coded-icon {
731+
width: 15px;
732732
margin-right: 4px;
733733
}
734734

src/app/shared/components/dashboard-opt-in/dashboard-opt-in.component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
/>
99
</div>
1010
<div class="content-center dashboard-opt-in__try-ai-text-container">
11-
<mat-icon class="fy-icon" svgIcon="sparkle"></mat-icon>
11+
<mat-icon class="fy-icon" svgIcon="ai-icon"></mat-icon>
1212
<span class="dashboard-opt-in__try-ai-text"> {{ 'dashboardOptIn.tryAI' | transloco }} </span>
1313
</div>
1414
<div class="dashboard-opt-in__description" [innerHTML]="'dashboardOptIn.description' | transloco"></div>

src/app/shared/components/fy-currency/fy-currency.component.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
</div>
1616
@if (currencyAutoCodeMessage) {
1717
<div class="fy-currency__auto-coded">
18-
<mat-icon class="fy-currency__sparkle-icon" svgIcon="sparkle"></mat-icon>
18+
<mat-icon class="fy-currency__auto-coded-icon" svgIcon="ai-auto-coded"></mat-icon>
1919
{{ currencyAutoCodeMessage }}
2020
</div>
2121
}
@@ -35,7 +35,7 @@
3535
</div>
3636
@if (amountAutoCodeMessage) {
3737
<div class="fy-currency__auto-coded">
38-
<mat-icon class="fy-currency__sparkle-icon" svgIcon="sparkle"></mat-icon>
38+
<mat-icon class="fy-currency__auto-coded-icon" svgIcon="ai-auto-coded"></mat-icon>
3939
{{ amountAutoCodeMessage }}
4040
</div>
4141
}

src/app/shared/components/fy-currency/fy-currency.component.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -68,8 +68,8 @@
6868
color: colors.$black-light;
6969
}
7070

71-
&__sparkle-icon {
72-
width: 12px;
71+
&__auto-coded-icon {
72+
width: 15px;
7373
margin-right: 4px;
7474
}
7575

src/app/shared/components/fy-opt-in/fy-opt-in.component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@
1515
@if (optInFlowState === OptInFlowState.MOBILE_INPUT || optInFlowState === OptInFlowState.OTP_VERIFICATION) {
1616
<div class="opt-in--container">
1717
<div class="d-flex mb-16">
18-
<mat-icon class="fy-icon opt-in--sparkle-icon" svgIcon="sparkle"></mat-icon>
18+
<mat-icon class="fy-icon opt-in--sparkle-icon" svgIcon="ai-icon"></mat-icon>
1919
<span class="opt-in--try-ai-text"> {{ 'fyOptIn.tryAI' | transloco }} </span>
2020
</div>
2121
@if (optInFlowState === OptInFlowState.MOBILE_INPUT) {

src/app/shared/components/promote-opt-in-modal/promote-opt-in-modal.component.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,7 @@
1111
/>
1212
</div>
1313
<div class="content-center promote-opt-in-modal__try-ai-text-container">
14-
<mat-icon class="fy-icon" svgIcon="sparkle"></mat-icon>
14+
<mat-icon class="fy-icon" svgIcon="ai-icon"></mat-icon>
1515
<span class="promote-opt-in-modal__try-ai-text">{{ 'promoteOptInModal.tryAI' | transloco }}</span>
1616
</div>
1717
<div class="promote-opt-in-modal__description" [innerHTML]="'promoteOptInModal.description' | transloco"></div>

src/app/shared/icon/icon.providers.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -117,9 +117,9 @@ export function provideIcons(): EnvironmentProviders {
117117
'arrow-up.svg',
118118
'check-circle-outline.svg',
119119
'question-square-outline.svg',
120-
'sparkle.svg',
120+
'ai-auto-coded.svg',
121+
'ai-icon.svg',
121122
'arrow-tail-right.svg',
122-
'stars-filled.svg',
123123
];
124124

125125
svgImageArray.forEach((imageName) => {

src/assets/svg/ai-auto-coded.svg

Lines changed: 20 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)