From 86613c881e732487d257fd58ff32ce8686f7104f Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Tue, 22 Jun 2021 13:24:12 +0200
Subject: [PATCH] =?UTF-8?q?Fix=20typo=20=F0=9F=91=A8=E2=80=8D=F0=9F=94=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/main.js         |  4 ++--
 client/src/pages/hello.vue |  6 +++---
 client/src/router/index.js | 10 +++++-----
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/client/src/main.js b/client/src/main.js
index 31558179..67755f16 100644
--- a/client/src/main.js
+++ b/client/src/main.js
@@ -4,7 +4,7 @@ import VueVimeoPlayer from 'vue-vimeo-player';
 import apolloClientFactory from './graphql/client';
 import VueApollo from 'vue-apollo';
 import App from './App';
-import {router, postLoginRederictUrlKey} from './router';
+import {router, postLoginRedirectUrlKey} from './router';
 import store from '@/store/index';
 import VueScrollTo from 'vue-scrollto';
 import {Validator, install as VeeValidate} from 'vee-validate/dist/vee-validate.minimal.esm.js';
@@ -162,7 +162,7 @@ router.beforeEach(async (to, from, next) => {
     const redirectUrl = `/hello/`;
 
     if (window.localStorage) {
-      localStorage.setItem(postLoginRederictUrlKey, postLoginRedirectionUrl);
+      localStorage.setItem(postLoginRedirectUrlKey, postLoginRedirectionUrl);
     }
 
     next(redirectUrl);
diff --git a/client/src/pages/hello.vue b/client/src/pages/hello.vue
index fd6becfc..fb1bac25 100644
--- a/client/src/pages/hello.vue
+++ b/client/src/pages/hello.vue
@@ -36,7 +36,7 @@
       <p>Was ist ein hep Konto und wie kann ich mich dafür registrieren?</p>
       <a
         class="hep-link"
-        href="/api/oauth/login/"
+        href="https://myskillbox.ch/anleitung"
         data-cy="oauth-login">Anleitung anschauen</a>
     </div>
     <div class="links">
@@ -103,6 +103,7 @@
 
   .about {
     display: none;
+    margin-bottom: $hello-block-margin;
 
     @include desktop {
       display: block;
@@ -144,9 +145,8 @@
 
   .login-actions {
     @include widget-shadow;
-
-    margin-top: $hello-block-margin;
     padding: $medium-spacing;
+    margin-bottom: $hello-block-margin;
 
     &__title {
         font-size: 2.125rem; // 34px
diff --git a/client/src/router/index.js b/client/src/router/index.js
index aa119acb..90fbdf55 100644
--- a/client/src/router/index.js
+++ b/client/src/router/index.js
@@ -24,7 +24,7 @@ import store from '@/store/index';
 import {LAYOUT_SIMPLE} from '@/router/core.constants';
 import {EMAIL_NOT_VERIFIED_STATE, NO_VALID_LICENSE_STATE, SUCCESS_STATE} from "./oauth.names";
 
-const postLoginRederictUrlKey = 'postLoginRedirectionUrl';
+const postLoginRedirectUrlKey = 'postLoginRedirectionUrl';
 
 const routes = [
   {
@@ -77,9 +77,9 @@ const routes = [
         case NO_VALID_LICENSE_STATE:
           return '/license-activation';
         case SUCCESS_STATE:
-          if (window.localStorage && localStorage.getItem(postLoginRederictUrlKey)) {
-            const redirectUrl = localStorage.getItem(postLoginRederictUrlKey);
-            localStorage.removeItem(postLoginRederictUrlKey);
+          if (window.localStorage && localStorage.getItem(postLoginRedirectUrlKey)) {
+            const redirectUrl = localStorage.getItem(postLoginRedirectUrlKey);
+            localStorage.removeItem(postLoginRedirectUrlKey);
             return redirectUrl;
           }
           return '/';
@@ -117,4 +117,4 @@ router.afterEach((to, from) => {
   store.dispatch('showMobileNavigation', false);
 });
 
-export {router, postLoginRederictUrlKey};
+export {router, postLoginRedirectUrlKey};