fix: schema connection settings

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;
 };

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>