add disclaimer to neighbors tab

CHANGELOG.md

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 - Add support for logging in via an ActivityPub direct message to the instance admin.
 - Added option to hide edges between instances if there are only mentions in one direction (off by default).
+- Added note to neighbors tab to make it explicit that blocked instances _may_ appear.
 
 ### Changed
 

frontend/src/components/screens/InstanceScreen.tsx

@@ -67,6 +67,10 @@ const StyledCallout = styled(Callout)`
   margin: 10px 20px;
   width: auto;
 `;
+const NeighborsCallout = styled(Callout)`
+  margin: 10px 0;
+  width: auto;
+`;
 const StyledTabs = styled(Tabs)`
   width: 100%;
   padding: 0 20px;
@@ -383,9 +387,16 @@ class InstanceScreenImpl extends React.PureComponent<IInstanceScreenProps, IInst
     );
     return (
       <div>
+        <NeighborsCallout icon={IconNames.INFO_SIGN} title="Warning">
+          <p>
+            Instances that {this.props.instanceName} has blocked may appear on this list. This can happen if users on a
+            blocked instance attempted to mention someone on {this.props.instanceName}.
+          </p>
+        </NeighborsCallout>
         <p className={Classes.TEXT_MUTED}>
-          The mention ratio is the average of how many times the two instances mention each other per status. A mention
+          The mention ratio is how often people on the two instances mention each other per status. A mention ratio of 1
-          ratio of 1 would mean that every single status contained a mention of a user on the other instance.
+          would mean that every single status on {this.props.instanceName} contained a mention of someone on the other
+          instance, and vice versa.
         </p>
         <StyledHTMLTable small={true} striped={true} interactive={false}>
           <thead>