Have graph edges disabled by default

Author: GnaneshKunal

redisinsight/ui/src/packages/redisgraph/src/Graph.tsx

@@ -50,7 +50,7 @@ export default function Graph(props: { graphKey: string, data: any[] }) {
   const [container, setContainer] = useState<IGraphD3>(null)
   const [selectedEntity, setSelectedEntity] = useState<ISelectedEntityProps | null>(null)
   const [start, setStart] = useState<boolean>(false)
-  const [showAutomaticEdges, setShowAutomaticEdges] = useState(true);
+  const [showAutomaticEdges, setShowAutomaticEdges] = useState(false);
 
   const parsedResponse = responseParser(props.data)
   let nodeIds = new Set(parsedResponse.nodes.map(n => n.id))

redisinsight/ui/src/packages/redisgraph/src/graphd3.ts

@@ -626,7 +626,7 @@ export interface IGraphD3 {
 function GraphD3(_selector: HTMLDivElement, _options: any): IGraphD3 {
   let info: any
   let nodes: INode[]
-  let shouldShowAutomaticEdges = true;
+  let shouldShowAutomaticEdges = false;
   let relationship: d3.Selection<SVGGElement, IRelationship, SVGGElement, any>
   let labelCounter = 0;
   let labels: { [key: string]: number } = { }