From abaa6b5f27bb0fe7d3a6ac274f2e927cdaf2ecf7 Mon Sep 17 00:00:00 2001
From: Thomas Kaul <4159106+dtslvr@users.noreply.github.com>
Date: Wed, 6 Jul 2022 17:49:19 +0200
Subject: [PATCH] Feature/improve create account link in live demo (#1061)

* Improve router link

* Update changelog
---
 CHANGELOG.md                           | 3 +++
 apps/client/src/app/app.component.html | 8 ++++++--
 apps/client/src/app/app.component.scss | 2 +-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index c97693a4b..b947347e3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,10 +7,13 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Unreleased
 
+### Added
+
 - Added _Markets_ to the public pages
 
 ### Changed
 
+- Improved the _Create Account_ link in the _Live Demo_
 - Upgraded `ngx-markdown` from version `13.0.0` to `14.0.1`
 
 ## 1.166.0 - 30.06.2022
diff --git a/apps/client/src/app/app.component.html b/apps/client/src/app/app.component.html
index e9c8d0293..04d3d01ca 100644
--- a/apps/client/src/app/app.component.html
+++ b/apps/client/src/app/app.component.html
@@ -15,13 +15,17 @@
   >
     <div class="row">
       <div class="col-md-8 offset-md-2 text-center">
-        <a *ngIf="canCreateAccount" class="text-center" [routerLink]="['/']">
+        <a
+          *ngIf="canCreateAccount"
+          class="text-center"
+          [routerLink]="['/register']"
+        >
           <div
             class="cursor-pointer d-inline-block info-message px-3 py-2"
             (click)="onCreateAccount()"
           >
             <span i18n>You are using the Live Demo.</span>
-            <a class="ml-2" href="#" i18n>Create Account</a>
+            <span class="a ml-2" i18n>Create Account</span>
           </div></a
         >
         <div
diff --git a/apps/client/src/app/app.component.scss b/apps/client/src/app/app.component.scss
index 9afa6eaab..ab7878d73 100644
--- a/apps/client/src/app/app.component.scss
+++ b/apps/client/src/app/app.component.scss
@@ -17,7 +17,7 @@
         border-radius: 2rem;
         font-size: 80%;
 
-        a {
+        .a {
           color: rgba(var(--palette-primary-500), 1);
           font-weight: 500;
         }