From 304a91a4744e7a2c803b61cf6d9f542468e2fcea Mon Sep 17 00:00:00 2001
From: Mar0xy <marie@kaifa.ch>
Date: Sun, 3 Dec 2023 20:01:05 +0100
Subject: [PATCH] upd: change formlink handling

---
 packages/frontend/src/components/form/link.vue | 18 +++++++++---------
 packages/frontend/src/pages/settings/drive.vue |  2 +-
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/packages/frontend/src/components/form/link.vue b/packages/frontend/src/components/form/link.vue
index 94ec9a0ba..88602a007 100644
--- a/packages/frontend/src/components/form/link.vue
+++ b/packages/frontend/src/components/form/link.vue
@@ -13,14 +13,6 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<i class="ph-arrow-square-out ph-bold ph-lg"></i>
 		</span>
 	</a>
-	<MkA v-else-if="to" :class="[$style.main, { [$style.active]: active }]" class="_button" :to="to" :behavior="behavior">
-		<span :class="$style.icon"><slot name="icon"></slot></span>
-		<span :class="$style.text"><slot></slot></span>
-		<span :class="$style.suffix">
-			<span :class="$style.suffixText"><slot name="suffix"></slot></span>
-			<i class="ph-caret-right ph-bold ph-lg"></i>
-		</span>
-	</MkA>
 	<a v-else-if="onClick" :class="[$style.main, { [$style.active]: active }]" class="_button" :behavior="behavior" @click="onClick">
 		<span :class="$style.icon"><slot name="icon"></slot></span>
 		<span :class="$style.text"><slot></slot></span>
@@ -29,6 +21,14 @@ SPDX-License-Identifier: AGPL-3.0-only
 			<i class="ph-caret-right ph-bold ph-lg"></i>
 		</span>
 	</a>
+	<MkA v-else :class="[$style.main, { [$style.active]: active }]" class="_button" :to="to" :behavior="behavior">
+		<span :class="$style.icon"><slot name="icon"></slot></span>
+		<span :class="$style.text"><slot></slot></span>
+		<span :class="$style.suffix">
+			<span :class="$style.suffixText"><slot name="suffix"></slot></span>
+			<i class="ph-caret-right ph-bold ph-lg"></i>
+		</span>
+	</MkA>
 </div>
 </template>
 
@@ -36,7 +36,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 import { } from 'vue';
 
 const props = defineProps<{
-	to?: string;
+	to: string;
 	active?: boolean;
 	external?: boolean;
 	onClick?: () => void;
diff --git a/packages/frontend/src/pages/settings/drive.vue b/packages/frontend/src/pages/settings/drive.vue
index bff7d5350..5b9bcce94 100644
--- a/packages/frontend/src/pages/settings/drive.vue
+++ b/packages/frontend/src/pages/settings/drive.vue
@@ -32,7 +32,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 
 	<FormSection>
 		<div class="_gaps_m">
-			<FormLink @click="chooseUploadFolder()">
+			<FormLink to="" @click="chooseUploadFolder()">
 				{{ i18n.ts.uploadFolder }}
 				<template #suffix>{{ uploadFolder ? uploadFolder.name : '-' }}</template>
 				<template #suffixIcon><i class="ph-folder ph-bold ph-lg"></i></template>