Update configuration variable

import { Button, Code, NumberInput, PasswordInput, Select, Space, Stack, Text, TextInput, Title, } from "@mantine/core"; import { useForm } from "@mantine/form"; import { useModals } from "@mantine/modals"; import { ModalsContextProps } from "@mantine/modals/lib/context"; import configService from "../../services/config.service"; import { AdminConfig } from "../../types/config.type"; import toast from "../../utils/toast.util"; const showUpdateConfigVariableModal = ( modals: ModalsContextProps, configVariable: AdminConfig, getConfigVariables: () => void ) => { return modals.openModal({ title: Update configuration variable, children: ( ), }); }; const Body = ({ configVariable, getConfigVariables, }: { configVariable: AdminConfig; getConfigVariables: () => void; }) => { const modals = useModals(); const form = useForm({ initialValues: { stringValue: configVariable.value, numberValue: parseInt(configVariable.value), booleanValue: configVariable.value, }, }); return ( Set {configVariable.key} to {configVariable.type == "string" && (configVariable.obscured ? ( ) : ( ))} {configVariable.type == "number" && ( )} {configVariable.type == "boolean" && (