diff --git a/frontend/src/app/Views/header/header.component.html b/frontend/src/app/Views/header/header.component.html
index ecf3ffb..de809aa 100644
--- a/frontend/src/app/Views/header/header.component.html
+++ b/frontend/src/app/Views/header/header.component.html
@@ -3,24 +3,23 @@
+
+
-
-
-
-
-
diff --git a/frontend/src/app/Views/profile/confirmation-dialog/confirmation-dialog.component.html b/frontend/src/app/Views/profile/confirmation-dialog/confirmation-dialog.component.html
index 8bda1c1..39646f0 100644
--- a/frontend/src/app/Views/profile/confirmation-dialog/confirmation-dialog.component.html
+++ b/frontend/src/app/Views/profile/confirmation-dialog/confirmation-dialog.component.html
@@ -1,7 +1,7 @@
-
Aktion bestätigen
+
Confirm Action
- Sind sie sicher, dass sie diese Handlung abschließen wollen?
+ Are you sure, that you want to continue?
diff --git a/frontend/src/app/Views/profile/help-dialog/help-dialog.component.html b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.html
new file mode 100644
index 0000000..b6bafef
--- /dev/null
+++ b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.html
@@ -0,0 +1,23 @@
+
+
How to add your Telegram account
+
+
To get your UserId, you have to write "/id" or "/auth" to the bot on
+ Telegram. (https://t.me/projektaktienbot))
+
+
+
diff --git a/frontend/src/app/Views/profile/help-dialog/help-dialog.component.scss b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.scss
new file mode 100644
index 0000000..980b5a6
--- /dev/null
+++ b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.scss
@@ -0,0 +1,18 @@
+.footer-buttons {
+ width: 100%;
+ text-align: center;
+}
+
+.spacer {
+ flex-grow: 1;
+ width: 5%;
+}
+
+.inner {
+ display: inline-block;
+ width: 100%;
+}
+
+.content {
+ height: 80%;
+}
diff --git a/frontend/src/app/Views/profile/help-dialog/help-dialog.component.spec.ts b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.spec.ts
new file mode 100644
index 0000000..b7230c7
--- /dev/null
+++ b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HelpDialogComponent } from './help-dialog.component';
+
+describe('HelpDialogComponent', () => {
+ let component: HelpDialogComponent;
+ let fixture: ComponentFixture
;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ declarations: [ HelpDialogComponent ]
+ })
+ .compileComponents();
+ });
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(HelpDialogComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/frontend/src/app/Views/profile/help-dialog/help-dialog.component.ts b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.ts
new file mode 100644
index 0000000..3632492
--- /dev/null
+++ b/frontend/src/app/Views/profile/help-dialog/help-dialog.component.ts
@@ -0,0 +1,14 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+ selector: 'app-help-dialog',
+ templateUrl: './help-dialog.component.html',
+ styleUrls: ['./help-dialog.component.scss'],
+})
+export class HelpDialogComponent implements OnInit {
+ constructor() {}
+
+ ngOnInit(): void {}
+
+ close() {}
+}
diff --git a/frontend/src/app/Views/profile/profile.component.html b/frontend/src/app/Views/profile/profile.component.html
index 37a5180..8f37975 100644
--- a/frontend/src/app/Views/profile/profile.component.html
+++ b/frontend/src/app/Views/profile/profile.component.html
@@ -97,7 +97,9 @@
- Add Telegram Id
+
+ Connect Telegram Account
+
+