diff --git a/web/modals/keyserver-selection/keyserver-selection-modal.react.js b/web/modals/keyserver-selection/keyserver-selection-modal.react.js
--- a/web/modals/keyserver-selection/keyserver-selection-modal.react.js
+++ b/web/modals/keyserver-selection/keyserver-selection-modal.react.js
@@ -22,6 +22,67 @@
const { popModal } = useModalContext();
+ const { keyerverRemoveInfoText, keyserverRemoveButton } =
+ React.useMemo(() => {
+ if (keyserverInfo.connection.status !== 'connected') {
+ const removeInfoText = (
+ <>
+
+ You may delete offline keyserver from your keyserver list. When
+ you delete a keyserver, you will still remain in the associated
+ communities.
+
+
+ Any messages or content you have previously sent will remain on
+ the keyserver’s communities after disconnecting or deleting.
+
+ >
+ );
+
+ const removeButton = (
+
+ );
+
+ return {
+ keyerverRemoveInfoText: removeInfoText,
+ keyserverRemoveButton: removeButton,
+ };
+ }
+ const removeInfoText = (
+ <>
+
+ Disconnecting from this keyserver will remove you from its
+ associated communities.
+
+
+ Any messages or content you have previously sent will remain on the
+ keyserver.
+
+ >
+ );
+
+ const removeButton = (
+
+ );
+
+ return {
+ keyerverRemoveInfoText: removeInfoText,
+ keyserverRemoveButton: removeButton,
+ };
+ }, [keyserverInfo.connection.status]);
+
return (
@@ -35,26 +96,10 @@
{keyserverInfo.urlPrefix}
-
- You may delete offline keyserver from your keyserver list. When you
- delete a keyserver, you will still remain in the associated
- communities.
-
-
- Any messages or content you have previously sent will remain on the
- keyserver’s communities after disconnecting or deleting.
-
+ {keyerverRemoveInfoText}
-
-
-
+ {keyserverRemoveButton}
);
}