aboutsummaryrefslogtreecommitdiff
path: root/packages/memory-graph/src/components/navigation-controls.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/memory-graph/src/components/navigation-controls.tsx')
-rw-r--r--packages/memory-graph/src/components/navigation-controls.tsx30
1 files changed, 15 insertions, 15 deletions
diff --git a/packages/memory-graph/src/components/navigation-controls.tsx b/packages/memory-graph/src/components/navigation-controls.tsx
index 19caa888..ce25aa5b 100644
--- a/packages/memory-graph/src/components/navigation-controls.tsx
+++ b/packages/memory-graph/src/components/navigation-controls.tsx
@@ -1,33 +1,33 @@
-"use client";
+"use client"
-import { memo } from "react";
-import type { GraphNode } from "@/types";
+import { memo } from "react"
+import type { GraphNode } from "@/types"
import {
navContainer,
navButton,
zoomContainer,
zoomInButton,
zoomOutButton,
-} from "./navigation-controls.css";
+} from "./navigation-controls.css"
interface NavigationControlsProps {
- onCenter: () => void;
- onZoomIn: () => void;
- onZoomOut: () => void;
- onAutoFit: () => void;
- nodes: GraphNode[];
- className?: string;
+ onCenter: () => void
+ onZoomIn: () => void
+ onZoomOut: () => void
+ onAutoFit: () => void
+ nodes: GraphNode[]
+ className?: string
}
export const NavigationControls = memo<NavigationControlsProps>(
({ onCenter, onZoomIn, onZoomOut, onAutoFit, nodes, className = "" }) => {
if (nodes.length === 0) {
- return null;
+ return null
}
const containerClassName = className
? `${navContainer} ${className}`
- : navContainer;
+ : navContainer
return (
<div className={containerClassName}>
@@ -66,8 +66,8 @@ export const NavigationControls = memo<NavigationControlsProps>(
</button>
</div>
</div>
- );
+ )
},
-);
+)
-NavigationControls.displayName = "NavigationControls";
+NavigationControls.displayName = "NavigationControls"