From 0477e66babed9213c78fa3e9a0b7865cd833778b Mon Sep 17 00:00:00 2001
From: Dane Everitt <dane@daneeveritt.com>
Date: Fri, 25 Dec 2020 15:52:15 -0800
Subject: [PATCH] Add server ID and node name to debug block; closes #2852

---
 .../server/settings/SettingsContainer.tsx     | 27 ++++++++++++++++---
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/resources/scripts/components/server/settings/SettingsContainer.tsx b/resources/scripts/components/server/settings/SettingsContainer.tsx
index f8934d075..cee29cd7c 100644
--- a/resources/scripts/components/server/settings/SettingsContainer.tsx
+++ b/resources/scripts/components/server/settings/SettingsContainer.tsx
@@ -11,12 +11,19 @@ import Input from '@/components/elements/Input';
 import Label from '@/components/elements/Label';
 import { LinkButton } from '@/components/elements/Button';
 import ServerContentBlock from '@/components/elements/ServerContentBlock';
+import isEqual from 'react-fast-compare';
+import CopyOnClick from '@/components/elements/CopyOnClick';
 
 export default () => {
     const username = useStoreState(state => state.user.data!.username);
     const id = ServerContext.useStoreState(state => state.server.data!.id);
-    const sftpIp = ServerContext.useStoreState(state => state.server.data!.sftpDetails.ip);
-    const sftpPort = ServerContext.useStoreState(state => state.server.data!.sftpDetails.port);
+    const uuid = ServerContext.useStoreState(state => state.server.data!.uuid);
+    const node = ServerContext.useStoreState(state => state.server.data!.node);
+    const sftp = ServerContext.useStoreState(
+        state => state.server.data!.sftpDetails,
+        // @ts-ignore
+        isEqual,
+    );
 
     return (
         <ServerContentBlock title={'Settings'}>
@@ -29,7 +36,7 @@ export default () => {
                                 <Label>Server Address</Label>
                                 <Input
                                     type={'text'}
-                                    value={`sftp://${sftpIp}:${sftpPort}`}
+                                    value={`sftp://${sftp.ip}:${sftp.port}`}
                                     readOnly
                                 />
                             </div>
@@ -52,7 +59,7 @@ export default () => {
                                 <div css={tw`ml-4`}>
                                     <LinkButton
                                         isSecondary
-                                        href={`sftp://${username}.${id}@${sftpIp}:${sftpPort}`}
+                                        href={`sftp://${username}.${id}@${sftp.ip}:${sftp.port}`}
                                     >
                                         Launch SFTP
                                     </LinkButton>
@@ -60,6 +67,18 @@ export default () => {
                             </div>
                         </TitledGreyBox>
                     </Can>
+                    <TitledGreyBox title={'Debug Information'} css={tw`mb-6 md:mb-10`}>
+                        <div css={tw`flex items-center justify-between text-sm`}>
+                            <p>Node</p>
+                            <code css={tw`font-mono bg-neutral-900 rounded py-1 px-2`}>{node}</code>
+                        </div>
+                        <CopyOnClick text={uuid}>
+                            <div css={tw`flex items-center justify-between mt-2 text-sm`}>
+                                <p>Server ID</p>
+                                <code css={tw`font-mono bg-neutral-900 rounded py-1 px-2`}>{uuid}</code>
+                            </div>
+                        </CopyOnClick>
+                    </TitledGreyBox>
                 </div>
                 <div css={tw`w-full mt-6 md:flex-1 md:mt-0`}>
                     <Can action={'settings.rename'}>