diff --git a/src/pages/QuestionsMap/graph.tsx b/src/pages/QuestionsMap/graph.tsx
index ef5bf9e5..d5bc0cca 100644
--- a/src/pages/QuestionsMap/graph.tsx
+++ b/src/pages/QuestionsMap/graph.tsx
@@ -32,7 +32,7 @@ const stylesheet: Stylesheet[] = [
width: 30,
"line-color": "#DEDFE7",
"curve-style": "taxi",
- "taxi-direction": "vertical",
+ "taxi-direction": "horizontal",
"taxi-turn": 60,
},
},
@@ -46,24 +46,22 @@ const stylesheet: Stylesheet[] = [
},
];
-export const Graph = () => {
- return (
-
-
-
- );
-};
+export const Graph = () => (
+
+
+
+);
diff --git a/src/pages/QuestionsMap/helper.ts b/src/pages/QuestionsMap/helper.ts
index 9719c0ad..4e19e9e9 100644
--- a/src/pages/QuestionsMap/helper.ts
+++ b/src/pages/QuestionsMap/helper.ts
@@ -22,16 +22,16 @@ const getEmptyVerticesAboveAmount = (
currentIndent: number,
level: number
): number => {
- let leftIndent = indent + currentIndent;
+ let topIndent = indent + currentIndent;
return elements.filter(({ data, position }) => {
const isEmptyVertex =
- position?.x === leftIndent &&
- position?.y === level * 250 - 250 &&
+ position?.y === topIndent &&
+ position?.x === level * 250 - 250 &&
vertices.find((item) => item.id === data.id && !item.edges?.length);
if (isEmptyVertex) {
- leftIndent += 200;
+ topIndent += 200;
}
return isEmptyVertex;
@@ -63,8 +63,8 @@ export const createGraphElements = (
elements.push({
data: { id, label },
position: {
- x: indent + currentIndent,
- y: level * 250,
+ x: level * 250,
+ y: indent + currentIndent,
},
});