chore(dashboard): rename relation dependency graph to relation graph (#…

…18612)
risingwavelabs · Sep 23, 2024 · 8fa0468 · 8fa0468
1 parent 039af9d
commit 8fa0468
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 7 deletions.
diff --git a/dashboard/components/Layout.tsx b/dashboard/components/Layout.tsx
@@ -144,7 +144,7 @@ function Layout({ children }: { children: React.ReactNode }) {
           </Section>
           <Section>
             <NavTitle>Streaming</NavTitle>
-            <NavButton href="/dependency_graph/">Relation Graph</NavButton>
+            <NavButton href="/relation_graph/">Relation Graph</NavButton>
             <NavButton href="/fragment_graph/">Fragment Graph</NavButton>
           </Section>
           <Section>

diff --git a/...rd/components/RelationDependencyGraph.tsx → dashboard/components/RelationGraph.tsx b/...rd/components/RelationDependencyGraph.tsx → dashboard/components/RelationGraph.tsx
@@ -57,7 +57,7 @@ const rowMargin = 50
 export const nodeRadius = 12
 const layoutMargin = 50
 
-export default function RelationDependencyGraph({
+export default function RelationGraph({
   nodes,
   selectedId,
   setSelectedId,

diff --git a/dashboard/components/Relations.tsx b/dashboard/components/Relations.tsx
@@ -60,7 +60,7 @@ export const dependentsColumn: Column<Relation> = {
   name: "Depends",
   width: 1,
   content: (r) => (
-    <Link href={`/dependency_graph/?id=${r.id}`}>
+    <Link href={`/relation_graph/?id=${r.id}`}>
       <Button
         size="sm"
         aria-label="view dependents"

diff --git a/dashboard/pages/dependency_graph.tsx → dashboard/pages/relation_graph.tsx b/dashboard/pages/dependency_graph.tsx → dashboard/pages/relation_graph.tsx
@@ -29,9 +29,7 @@ import _, { reverse, sortBy } from "lodash"
 import Head from "next/head"
 import { parseAsInteger, useQueryState } from "nuqs"
 import { Fragment, useCallback, useEffect, useMemo, useState } from "react"
-import RelationDependencyGraph, {
-  nodeRadius,
-} from "../components/RelationDependencyGraph"
+import RelationGraph, { nodeRadius } from "../components/RelationGraph"
 import Title from "../components/Title"
 import useErrorToast from "../hook/useErrorToast"
 import useFetch from "../lib/api/fetch"
@@ -305,7 +303,7 @@ export default function StreamingGraph() {
         >
           <Text fontWeight="semibold">Relation Graph</Text>
           {relationDependency && (
-            <RelationDependencyGraph
+            <RelationGraph
               nodes={relationDependency}
               selectedId={selectedId?.toString()}
               setSelectedId={(id) => setSelectedId(parseInt(id))}