From 33eb1d259f600c3d887fe6e9c823f8755ed0c72e Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Sat, 21 Dec 2019 21:16:12 -0800
Subject: [PATCH] Add easy launch button for SFTP

---
 .../server/settings/SettingsContainer.tsx     | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/resources/scripts/components/server/settings/SettingsContainer.tsx b/resources/scripts/components/server/settings/SettingsContainer.tsx
index 0f0b31e81..104de803f 100644
--- a/resources/scripts/components/server/settings/SettingsContainer.tsx
+++ b/resources/scripts/components/server/settings/SettingsContainer.tsx
@@ -31,11 +31,21 @@ export default () => {
                         readOnly={true}
                     />
                 </div>
-                <div className={'mt-6'}>
-                    <div className={'border-l-4 border-cyan-500 p-3'}>
-                        <p className={'text-xs text-neutral-200'}>
-                            Your SFTP password is the same as the password you use to access this panel.
-                        </p>
+                <div className={'mt-6 flex items-center'}>
+                    <div className={'flex-1'}>
+                        <div className={'border-l-4 border-cyan-500 p-3'}>
+                            <p className={'text-xs text-neutral-200'}>
+                                Your SFTP password is the same as the password you use to access this panel.
+                            </p>
+                        </div>
+                    </div>
+                    <div className={'ml-4'}>
+                        <a
+                            href={`sftp://${user.username}.${server.id}@${server.sftpDetails.ip}:${server.sftpDetails.port}`}
+                            className={'btn btn-sm btn-secondary'}
+                        >
+                            Launch SFTP
+                        </a>
                     </div>
                 </div>
             </TitledGreyBox>