From b273a45bd327c4e7ccd9f4e1122490bba9280acd Mon Sep 17 00:00:00 2001
From: Alexander Reifschneider <alexander.reifschneider@mgm-tp.com>
Date: Mon, 10 Feb 2025 10:55:27 +0100
Subject: [PATCH] OZG-7474 Rename arrow left icon
---
alfa-client/libs/design-system/src/index.ts | 2 +-
.../arrow-back-icon.component.spec.ts} | 12 ++++++------
.../arrow-back-icon.component.ts} | 4 ++--
.../arrow-back-icon.stories.ts} | 10 +++++-----
.../lib/ui/back-button/back-button.component.html | 2 +-
.../lib/ui/back-button/back-button.component.spec.ts | 4 ++--
alfa-client/libs/ui/src/lib/ui/ui.module.ts | 4 ++--
7 files changed, 19 insertions(+), 19 deletions(-)
rename alfa-client/libs/design-system/src/lib/icons/{arrow-left-icon/arrow-left-icon.component.spec.ts => arrow-back-icon/arrow-back-icon.component.spec.ts} (51%)
rename alfa-client/libs/design-system/src/lib/icons/{arrow-left-icon/arrow-left-icon.component.ts => arrow-back-icon/arrow-back-icon.component.ts} (90%)
rename alfa-client/libs/design-system/src/lib/icons/{arrow-left-icon/arrow-left.icon.stories.ts => arrow-back-icon/arrow-back-icon.stories.ts} (67%)
diff --git a/alfa-client/libs/design-system/src/index.ts b/alfa-client/libs/design-system/src/index.ts
index 7c071e98e3..467032047c 100644
--- a/alfa-client/libs/design-system/src/index.ts
+++ b/alfa-client/libs/design-system/src/index.ts
@@ -45,7 +45,7 @@ export * from './lib/icons/accessibility-icon/accessibility-icon.component';
export * from './lib/icons/account-circle-icon/account-circle-icon.component';
export * from './lib/icons/admin-logo-icon/admin-logo-icon.component';
export * from './lib/icons/archive-icon/archive-icon.component';
-export * from './lib/icons/arrow-left-icon/arrow-left-icon.component';
+export * from './lib/icons/arrow-back-icon/arrow-back-icon.component';
export * from './lib/icons/attachment-icon/attachment-icon.component';
export * from './lib/icons/bescheid-generate-icon/bescheid-generate-icon.component';
export * from './lib/icons/bescheid-upload-icon/bescheid-upload-icon.component';
diff --git a/alfa-client/libs/design-system/src/lib/icons/arrow-left-icon/arrow-left-icon.component.spec.ts b/alfa-client/libs/design-system/src/lib/icons/arrow-back-icon/arrow-back-icon.component.spec.ts
similarity index 51%
rename from alfa-client/libs/design-system/src/lib/icons/arrow-left-icon/arrow-left-icon.component.spec.ts
rename to alfa-client/libs/design-system/src/lib/icons/arrow-back-icon/arrow-back-icon.component.spec.ts
index e80eb6b7be..744a885c40 100644
--- a/alfa-client/libs/design-system/src/lib/icons/arrow-left-icon/arrow-left-icon.component.spec.ts
+++ b/alfa-client/libs/design-system/src/lib/icons/arrow-back-icon/arrow-back-icon.component.spec.ts
@@ -1,16 +1,16 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { ArrowLeftIconComponent } from './arrow-left-icon.component';
+import { ArrowBackIconComponent } from './arrow-back-icon.component';
-describe('ArrowLeftIconComponent', () => {
- let component: ArrowLeftIconComponent;
- let fixture: ComponentFixture<ArrowLeftIconComponent>;
+describe('ArrowBackIconComponent', () => {
+ let component: ArrowBackIconComponent;
+ let fixture: ComponentFixture<ArrowBackIconComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
- imports: [ArrowLeftIconComponent],
+ imports: [ArrowBackIconComponent],
}).compileComponents();
- fixture = TestBed.createComponent(ArrowLeftIconComponent);
+ fixture = TestBed.createComponent(ArrowBackIconComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
diff --git a/alfa-client/libs/design-system/src/lib/icons/arrow-left-icon/arrow-left-icon.component.ts b/alfa-client/libs/design-system/src/lib/icons/arrow-back-icon/arrow-back-icon.component.ts
similarity index 90%
rename from alfa-client/libs/design-system/src/lib/icons/arrow-left-icon/arrow-left-icon.component.ts
rename to alfa-client/libs/design-system/src/lib/icons/arrow-back-icon/arrow-back-icon.component.ts
index 1dd1c837d2..d0ab0a9d8e 100644
--- a/alfa-client/libs/design-system/src/lib/icons/arrow-left-icon/arrow-left-icon.component.ts
+++ b/alfa-client/libs/design-system/src/lib/icons/arrow-back-icon/arrow-back-icon.component.ts
@@ -4,7 +4,7 @@ import { twMerge } from 'tailwind-merge';
import { iconVariants, IconVariants } from '../iconVariants';
@Component({
- selector: 'ods-arrow-left-icon',
+ selector: 'ods-arrow-back-icon',
standalone: true,
imports: [CommonModule],
template: `<svg
@@ -16,7 +16,7 @@ import { iconVariants, IconVariants } from '../iconVariants';
<path d="M20.75 11H8.58L14.17 5.41L12.75 4L4.75 12L12.75 20L14.16 18.59L8.58 13H20.75V11Z" />
</svg>`,
})
-export class ArrowLeftIconComponent {
+export class ArrowBackIconComponent {
@Input() size: IconVariants['size'] = 'medium';
@Input() class: string = '';
diff --git a/alfa-client/libs/design-system/src/lib/icons/arrow-left-icon/arrow-left.icon.stories.ts b/alfa-client/libs/design-system/src/lib/icons/arrow-back-icon/arrow-back-icon.stories.ts
similarity index 67%
rename from alfa-client/libs/design-system/src/lib/icons/arrow-left-icon/arrow-left.icon.stories.ts
rename to alfa-client/libs/design-system/src/lib/icons/arrow-back-icon/arrow-back-icon.stories.ts
index 09bd3cd799..1305d80008 100644
--- a/alfa-client/libs/design-system/src/lib/icons/arrow-left-icon/arrow-left.icon.stories.ts
+++ b/alfa-client/libs/design-system/src/lib/icons/arrow-back-icon/arrow-back-icon.stories.ts
@@ -1,16 +1,16 @@
import type { Meta, StoryObj } from '@storybook/angular';
-import { ArrowLeftIconComponent } from './arrow-left-icon.component';
+import { ArrowBackIconComponent } from './arrow-back-icon.component';
-const meta: Meta<ArrowLeftIconComponent> = {
- title: 'Icons/Arrow left icon',
- component: ArrowLeftIconComponent,
+const meta: Meta<ArrowBackIconComponent> = {
+ title: 'Icons/Arrow back icon',
+ component: ArrowBackIconComponent,
excludeStories: /.*Data$/,
tags: ['autodocs'],
};
export default meta;
-type Story = StoryObj<ArrowLeftIconComponent>;
+type Story = StoryObj<ArrowBackIconComponent>;
export const Default: Story = {
args: { size: 'large' },
diff --git a/alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.html b/alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.html
index 1d1e56f7f7..24868baff4 100644
--- a/alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.html
+++ b/alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.html
@@ -25,6 +25,6 @@
-->
<a [routerLink]="linkTo" data-test-id="back-button" [tooltip]="label" tooltipAriaType="aria-labelledby" tabindex="-1">
<ods-button variant="ghost" size="fit">
- <ods-arrow-left-icon icon class="fill-text" />
+ <ods-arrow-back-icon icon class="fill-text" />
</ods-button>
</a>
diff --git a/alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.spec.ts b/alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.spec.ts
index 7da998d8a8..1e440ea225 100644
--- a/alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.spec.ts
+++ b/alfa-client/libs/ui/src/lib/ui/back-button/back-button.component.spec.ts
@@ -25,7 +25,7 @@ import { getElementFromFixture } from '@alfa-client/test-utils';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { faker } from '@faker-js/faker';
-import { ArrowLeftIconComponent, ButtonComponent, TooltipDirective } from '@ods/system';
+import { ArrowBackIconComponent, ButtonComponent, TooltipDirective } from '@ods/system';
import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
import { MockComponent, MockDirective } from 'ng-mocks';
import { BackButtonComponent } from './back-button.component';
@@ -43,7 +43,7 @@ describe('BackButtonComponent', () => {
declarations: [
BackButtonComponent,
MockComponent(ButtonComponent),
- MockComponent(ArrowLeftIconComponent),
+ MockComponent(ArrowBackIconComponent),
MockDirective(TooltipDirective),
],
imports: [RouterTestingModule],
diff --git a/alfa-client/libs/ui/src/lib/ui/ui.module.ts b/alfa-client/libs/ui/src/lib/ui/ui.module.ts
index 4a3c422a01..e7c19b188d 100644
--- a/alfa-client/libs/ui/src/lib/ui/ui.module.ts
+++ b/alfa-client/libs/ui/src/lib/ui/ui.module.ts
@@ -48,7 +48,7 @@ import { MatSnackBarModule } from '@angular/material/snack-bar';
import { MatTabsModule } from '@angular/material/tabs';
import { RouterModule } from '@angular/router';
import {
- ArrowLeftIconComponent,
+ ArrowBackIconComponent,
ButtonComponent,
FileUploadButtonComponent,
SpinnerIconComponent,
@@ -169,7 +169,7 @@ import { ValidationErrorComponent } from './validation-error/validation-error.co
SpinnerIconComponent,
TooltipDirective,
ButtonComponent,
- ArrowLeftIconComponent,
+ ArrowBackIconComponent,
],
exports: [
MatButtonModule,
--
GitLab