From 4fa2f089750238b2950b0b4df34e2b104b0433b2 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Sun, 1 Nov 2020 17:08:51 +0100
Subject: [PATCH] Move link share authenticated stuff to separate component

---
 src/App.vue                              | 31 ++--------------
 src/components/home/contentLinkShare.vue | 46 ++++++++++++++++++++++++
 2 files changed, 49 insertions(+), 28 deletions(-)
 create mode 100644 src/components/home/contentLinkShare.vue

diff --git a/src/App.vue b/src/App.vue
index 13d7c83e8..042d1d861 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,34 +5,7 @@
 			<div class="offline" style="height: 0;width: 0;"></div>
 			<top-navigation v-if="userAuthenticated && (userInfo && userInfo.type === authTypes.USER)"/>
 			<content-auth v-if="userAuthenticated && (userInfo && userInfo.type === authTypes.USER)"/>
-			<div
-				:class="{'has-background': background}"
-				:style="{'background-image': `url(${background})`}"
-				class="link-share-container"
-				v-else-if="userAuthenticated && (userInfo && userInfo.type === authTypes.LINK_SHARE)"
-			>
-				<div class="container has-text-centered link-share-view">
-					<div class="column is-10 is-offset-1">
-						<img alt="Vikunja" class="logo" src="/images/logo-full.svg"/>
-						<h1
-							:style="{ 'opacity': currentList.title === '' ? '0': '1' }"
-							class="title">
-							{{ currentList.title === '' ? 'Loading...' : currentList.title }}
-						</h1>
-						<div class="box has-text-left view">
-							<div class="logout">
-								<a @click="logout()" class="button">
-									<span>Logout</span>
-									<span class="icon is-small">
-									<icon icon="sign-out-alt"/>
-								</span>
-								</a>
-							</div>
-							<router-view/>
-						</div>
-					</div>
-				</div>
-			</div>
+			<content-link-share v-else-if="userAuthenticated && (userInfo && userInfo.type === authTypes.LINK_SHARE)"/>
 			<div v-else>
 				<div class="noauth-container">
 					<img alt="Vikunja" src="/images/logo-full.svg"/>
@@ -74,10 +47,12 @@ import {CURRENT_LIST, IS_FULLPAGE, KEYBOARD_SHORTCUTS_ACTIVE, MENU_ACTIVE, ONLIN
 import KeyboardShortcuts from './components/misc/keyboard-shortcuts'
 import TopNavigation from '@/components/home/topNavigation'
 import ContentAuth from '@/components/home/contentAuth'
+import ContentLinkShare from '@/components/home/contentLinkShare'
 
 export default {
 	name: 'app',
 	components: {
+		ContentLinkShare,
 		ContentAuth,
 		TopNavigation,
 		KeyboardShortcuts,
diff --git a/src/components/home/contentLinkShare.vue b/src/components/home/contentLinkShare.vue
new file mode 100644
index 000000000..9c364ef37
--- /dev/null
+++ b/src/components/home/contentLinkShare.vue
@@ -0,0 +1,46 @@
+<template>
+	<div
+		:class="{'has-background': background}"
+		:style="{'background-image': `url(${background})`}"
+		class="link-share-container"
+	>
+		<div class="container has-text-centered link-share-view">
+			<div class="column is-10 is-offset-1">
+				<img alt="Vikunja" class="logo" src="/images/logo-full.svg"/>
+				<h1
+					:style="{ 'opacity': currentList.title === '' ? '0': '1' }"
+					class="title">
+					{{ currentList.title === '' ? 'Loading...' : currentList.title }}
+				</h1>
+				<div class="box has-text-left view">
+					<div class="logout">
+						<a @click="logout()" class="button">
+							<span>Logout</span>
+							<span class="icon is-small">
+									<icon icon="sign-out-alt"/>
+								</span>
+						</a>
+					</div>
+					<router-view/>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+import {mapState} from 'vuex'
+import {CURRENT_LIST} from '@/store/mutation-types'
+
+export default {
+	name: 'contentLinkShare',
+	computed: mapState({
+		currentList: CURRENT_LIST,
+		background: 'background',
+	}),
+}
+</script>
+
+<style scoped>
+
+</style>
\ No newline at end of file