) {
+ return (
+
+ )
+}
+
+export { Skeleton }
From 2ae224b30d72db03834a78fa6accb459e826ebcc Mon Sep 17 00:00:00 2001
From: Anchel123 <110421452+Anchel123@users.noreply.github.com>
Date: Tue, 9 Apr 2024 11:25:38 +0300
Subject: [PATCH 6/8] fix lint
---
app/page.tsx | 2 +-
components/custom/spinning.tsx | 3 ++-
2 files changed, 3 insertions(+), 2 deletions(-)
diff --git a/app/page.tsx b/app/page.tsx
index 6d83b000..ae2d8a84 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,6 +1,6 @@
"use client";
-import { Spinning } from "@/components/custom/spinning";
+import Spinning from "@/components/custom/spinning";
import { useSession } from "next-auth/react";
import { useRouter } from "next/navigation";
import { useEffect } from "react";
diff --git a/components/custom/spinning.tsx b/components/custom/spinning.tsx
index cd4091c4..285985be 100644
--- a/components/custom/spinning.tsx
+++ b/components/custom/spinning.tsx
@@ -1,6 +1,7 @@
import { Skeleton } from "@/components/ui/skeleton"
-export function Spinning() {
+
+export default function Spinning() {
return (
From 558d6e0115ceb8067e68d580b56124a194824410 Mon Sep 17 00:00:00 2001
From: Anchel123 <110421452+Anchel123@users.noreply.github.com>
Date: Tue, 9 Apr 2024 11:49:22 +0300
Subject: [PATCH 7/8] merge to handel tap function
---
app/graph/GraphView.tsx | 18 ++++++------------
1 file changed, 6 insertions(+), 12 deletions(-)
diff --git a/app/graph/GraphView.tsx b/app/graph/GraphView.tsx
index fc4e7463..7283eaab 100644
--- a/app/graph/GraphView.tsx
+++ b/app/graph/GraphView.tsx
@@ -95,7 +95,7 @@ interface GraphViewProps {
const GraphView = forwardRef(({ graph, darkmode }: GraphViewProps, ref) => {
- const [selectedNode, setSelectedNode] = useState(null);
+ const [selectedNode, setSelectedObject] = useState(null);
// A reference to the chart container to allowing zooming and editing
const chartRef = useRef(null)
@@ -165,15 +165,9 @@ const GraphView = forwardRef(({ graph, darkmode }: GraphViewProps, ref) => {
}
}
- const handleTapNode = (evt: EventObject) => {
- const node = evt.target.json().data;
- setSelectedNode(node);
- dataPanel.current?.expand();
- }
-
- const handleTapEdge = (evt: EventObject) => {
- const edge = evt.target.json().data;
- setSelectedNode(edge);
+ const handleTap = (evt: EventObject) => {
+ const object = evt.target.json().data;
+ setSelectedObject(object);
dataPanel.current?.expand();
}
@@ -195,10 +189,10 @@ const GraphView = forwardRef(({ graph, darkmode }: GraphViewProps, ref) => {
cy.on('dbltap', 'node', handleDoubleClick);
// Listen to the click event on nodes for showing node properties
- cy.on('tap', 'node', handleTapNode);
+ cy.on('tap', 'node', handleTap);
// Listen to the click event on edges for showing edge properties
- cy.on('tap', 'edge', handleTapEdge);
+ cy.on('tap', 'edge', handleTap);
}}
stylesheet={getStyle(darkmode)}
elements={graph.Elements}
From f832ee01b0bbebfd67cba4edab653f0881231487 Mon Sep 17 00:00:00 2001
From: Anchel123 <110421452+Anchel123@users.noreply.github.com>
Date: Tue, 9 Apr 2024 12:03:18 +0300
Subject: [PATCH 8/8] add closing brackets
---
e2e/createGraph.spec.ts | 5 ++---
1 file changed, 2 insertions(+), 3 deletions(-)
diff --git a/e2e/createGraph.spec.ts b/e2e/createGraph.spec.ts
index febaf0a2..ae1ae86b 100644
--- a/e2e/createGraph.spec.ts
+++ b/e2e/createGraph.spec.ts
@@ -9,6 +9,5 @@ test('create graph', async ({ page }) => {
await page.getByRole('button', { name: 'Create' }).click();
await page.getByPlaceholder('MATCH (n) OPTIONAL MATCH (n').fill('CREATE (:Rider {name:\'Valentino Rossi\'})-[:rides]->(:Team {name:\'Yamaha\'}), (:Rider {name:\'Dani Pedrosa\'})-[:rides]->(:Team {name:\'Honda\'}), (:Rider {name:\'Andrea Dovizioso\'})-[:rides]->(:Team {name:\'Ducati\'})');
await page.getByRole('button').first().click();
- await page.getByText('falkorDB').first().click();
-
-
\ No newline at end of file
+ await page.getByText('falkorDB').first().click()
+})
\ No newline at end of file