From 8edcd9006c5f243d11ea8ab30a7c20a5170ec19f Mon Sep 17 00:00:00 2001 From: Leonardo Christino <leomilho@gmail.com> Date: Sat, 6 Apr 2024 18:35:40 +0200 Subject: [PATCH] fix: schema connection settings --- libs/shared/lib/data-access/store/schemaSlice.ts | 4 +++- libs/shared/lib/schema/panel/schemaDialog.tsx | 6 +++--- 2 files changed, 6 insertions(+), 4 deletions(-) diff --git a/libs/shared/lib/data-access/store/schemaSlice.ts b/libs/shared/lib/data-access/store/schemaSlice.ts index 3f696c4ae..f31275e6b 100644 --- a/libs/shared/lib/data-access/store/schemaSlice.ts +++ b/libs/shared/lib/data-access/store/schemaSlice.ts @@ -6,8 +6,10 @@ import { SchemaFromBackend, SchemaGraph, SchemaGraphology } from '../../schema'; /**************************************************************** */ +export const schemaConnectionTypeArray: Array<SchemaConnectionTypes> = ['connection', 'bezier', 'straight', 'step']; +export type SchemaConnectionTypes = 'connection' | 'bezier' | 'straight' | 'step'; export type SchemaSettings = { - connectionType: 'connection' | 'bezier' | 'straight' | 'step'; + connectionType: SchemaConnectionTypes; layoutName: AllLayoutAlgorithms; animatedEdges: boolean; }; diff --git a/libs/shared/lib/schema/panel/schemaDialog.tsx b/libs/shared/lib/schema/panel/schemaDialog.tsx index 3a4313d25..3d6771997 100644 --- a/libs/shared/lib/schema/panel/schemaDialog.tsx +++ b/libs/shared/lib/schema/panel/schemaDialog.tsx @@ -2,7 +2,7 @@ import { useEffect, useState } from 'react'; import { Dialog, DialogProps } from '../../components/Dialog'; import React from 'react'; import { useAppDispatch, useSchemaSettings } from '../../data-access'; -import { SchemaSettings, setSchemaSettings } from '../../data-access/store/schemaSlice'; +import { SchemaConnectionTypes, SchemaSettings, schemaConnectionTypeArray, setSchemaSettings } from '../../data-access/store/schemaSlice'; import { FormActions, FormBody, FormCard, FormControl, FormHBar, FormTitle, FormDiv } from '../../components/forms'; import { Layouts } from '../../graph-layout'; import { Input } from '../../components/inputs'; @@ -34,9 +34,9 @@ export const SchemaDialog = (props: DialogProps) => { type="dropdown" label="Type of Connection" value={state.connectionType} - options={['Default', 'Step', 'Straight', 'Bezier']} + options={schemaConnectionTypeArray} onChange={(value: string | number) => { - setState({ ...state, connectionType: value as any }); + setState({ ...state, connectionType: value as SchemaConnectionTypes }); }} /> </FormControl> -- GitLab