From b8db5bc8b0def156273e3306a550f36cfcb4e416 Mon Sep 17 00:00:00 2001
From: Charles Morgan <sir3lit@gmail.com>
Date: Wed, 27 Jan 2021 00:10:30 -0500
Subject: [PATCH] Allow copy on click for SFTP information (#3027)

---
 .../server/settings/SettingsContainer.tsx     | 24 +++++++++++--------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/resources/scripts/components/server/settings/SettingsContainer.tsx b/resources/scripts/components/server/settings/SettingsContainer.tsx
index 3c90307c3..bad273803 100644
--- a/resources/scripts/components/server/settings/SettingsContainer.tsx
+++ b/resources/scripts/components/server/settings/SettingsContainer.tsx
@@ -30,19 +30,23 @@ export default () => {
                         <TitledGreyBox title={'SFTP Details'} css={tw`mb-6 md:mb-10`}>
                             <div>
                                 <Label>Server Address</Label>
-                                <Input
-                                    type={'text'}
-                                    value={`sftp://${sftp.ip}:${sftp.port}`}
-                                    readOnly
-                                />
+                                <CopyOnClick text={`sftp://${sftp.ip}:${sftp.port}`}>
+                                    <Input
+                                        type={'text'}
+                                        value={`sftp://${sftp.ip}:${sftp.port}`}
+                                        readOnly
+                                    />
+                                </CopyOnClick>
                             </div>
                             <div css={tw`mt-6`}>
                                 <Label>Username</Label>
-                                <Input
-                                    type={'text'}
-                                    value={`${username}.${id}`}
-                                    readOnly
-                                />
+                                <CopyOnClick text={`${username}.${id}`}>
+                                    <Input
+                                        type={'text'}
+                                        value={`${username}.${id}`}
+                                        readOnly
+                                    />
+                                </CopyOnClick>
                             </div>
                             <div css={tw`mt-6 flex items-center`}>
                                 <div css={tw`flex-1`}>