From 9b2f0c88cd866787180e9b383244144f2c96721c Mon Sep 17 00:00:00 2001
From: Lynx <lynx@ilynxcat.me>
Date: Mon, 9 Mar 2026 13:35:46 -0700
Subject: [PATCH] Update "Launch SFTP" button to a plain hyperlink (#5356)

* Update "Launch SFTP" button to use a hyperlink instead of a button

* fix: use computed ref to construct url
---
 .../src/pages/hosting/manage/[id]/options/info.vue   | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue b/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue
index 07054d3f6..bdb9126d8 100644
--- a/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue
+++ b/apps/frontend/src/pages/hosting/manage/[id]/options/info.vue
@@ -8,14 +8,15 @@
 						<span> SFTP allows you to access your server's files from outside of Modrinth. </span>
 					</label>
 					<ButtonStyled>
-						<button
+						<a
 							v-tooltip="'This button only works with compatible SFTP clients (e.g. WinSCP)'"
 							class="!w-full sm:!w-auto"
-							@click="openSftp"
+							:href="sftpUrl"
+							target="_blank"
 						>
 							<ExternalIcon class="h-5 w-5" />
 							Launch SFTP
-						</button>
+						</a>
 					</ButtonStyled>
 				</div>
 
@@ -130,10 +131,7 @@ const props = defineProps<{
 const data = computed(() => props.server.general)
 const showPassword = ref(false)
 
-const openSftp = () => {
-	const sftpUrl = `sftp://${data.value?.sftp_username}@${data.value?.sftp_host}`
-	window.open(sftpUrl, '_blank')
-}
+const sftpUrl = computed(() => `sftp://${data.value?.sftp_username}@${data.value?.sftp_host}`)
 
 const togglePassword = () => {
 	showPassword.value = !showPassword.value