aboutsummaryrefslogtreecommitdiff
path: root/packages/memory-graph/src/components/navigation-controls.tsx
diff options
context:
space:
mode:
authornexxeln <[email protected]>2025-12-02 18:37:24 +0000
committernexxeln <[email protected]>2025-12-02 18:37:24 +0000
commitdfb0c05ab33cb20537002eaeb896e6b2ab35af25 (patch)
tree49ecaa46903671d96f2f9ebc5af688ab2ea2c7bd /packages/memory-graph/src/components/navigation-controls.tsx
parentFix: Update discord links in README.md and CONTRIBUTING.md (#598) (diff)
downloadarchived-supermemory-update-memory-graph.tar.xz
archived-supermemory-update-memory-graph.zip
add spaces selector with search (#600)update-memory-graph
relevant files to review: \- memory-graph.tsx \- spaces-dropdown.tsx \- spaces-dropdown.css.ts
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"