Some lint fixes; fix routesConfig unit test.

awx/ui/src/routeConfig.test.js

@@ -43,6 +43,7 @@ describe('getRouteConfig', () => {
       '/instances',
       '/applications',
       '/execution_environments',
+      '/topology_view',
       '/settings',
     ]);
   });
@@ -71,6 +72,7 @@ describe('getRouteConfig', () => {
       '/instances',
       '/applications',
       '/execution_environments',
+      '/topology_view',
       '/settings',
     ]);
   });
@@ -98,6 +100,7 @@ describe('getRouteConfig', () => {
       '/instances',
       '/applications',
       '/execution_environments',
+      '/topology_view',
     ]);
   });
 
@@ -233,6 +236,7 @@ describe('getRouteConfig', () => {
       '/instances',
       '/applications',
       '/execution_environments',
+      '/topology_view',
     ]);
   });
 
@@ -263,6 +267,7 @@ describe('getRouteConfig', () => {
       '/instances',
       '/applications',
       '/execution_environments',
+      '/topology_view',
     ]);
   });
 });

awx/ui/src/screens/TopologyView/ContentLoading.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { t } from '@lingui/macro';
 
 import styled from 'styled-components';
 import {
@@ -30,7 +31,7 @@ const ContentLoading = ({ className }) => (
         component={TextVariants.small}
         style={{ fontWeight: 'bold', color: 'black' }}
       >
-        Please wait until the topology view is populated...
+        {t`Please wait until the topology view is populated...`}
       </Text>
     </TextContent>
     <EmptyStateIcon variant="container" component={Spinner} />

awx/ui/src/screens/TopologyView/MeshGraph.js

@@ -111,14 +111,14 @@ function MeshGraph({ showLegend, zoom }) {
     const graph = data;
 
     const simulation = d3
-      .forceSimulation()
+      .forceSimulation(graph.nodes)
       .force(
         'charge',
         d3.forceManyBody(defaultForceBody).strength(defaultForceStrength)
       )
       .force(
         'link',
-        d3.forceLink().id((d) => d.hostname)
+        d3.forceLink(graph.links).id((d) => d.hostname)
       )
       .force('collide', d3.forceCollide(defaultCollisionFactor))
       .force('forceX', d3.forceX(defaultForceX))

awx/ui/src/screens/TopologyView/Tooltip.js

@@ -69,7 +69,7 @@ function Tooltip({
           <TextContent>
             <Text
               component={TextVariants.small}
-              style={{ 'font-weight': 'bold', color: 'black' }}
+              style={{ 'fontWeight': 'bold', color: 'black' }}
             >
               Details
             </Text>