fix: form message issue

This commit is contained in:
swve 2023-04-21 00:13:43 +02:00
parent e1f3eb6be3
commit ed9e4a9fd8

View file

@ -1,6 +1,7 @@
import FormLayout, { ButtonBlack, Flex, FormField, FormLabel, FormMessage, Input, Textarea } from '@components/UI/Form/Form' import FormLayout, { ButtonBlack, Flex, FormField, FormLabel, Input, Textarea } from '@components/UI/Form/Form'
import * as Form from '@radix-ui/react-form' import * as Form from '@radix-ui/react-form'
import { getAPIUrl, getUriWithOrg } from '@services/config/config'; import { getAPIUrl, getUriWithOrg } from '@services/config/config';
import { FormMessage } from "@radix-ui/react-form";
import { createNewCourse } from '@services/courses/courses'; import { createNewCourse } from '@services/courses/courses';
import { getOrganizationContextInfo } from '@services/organizations/orgs'; import { getOrganizationContextInfo } from '@services/organizations/orgs';
import React, { useState } from 'react' import React, { useState } from 'react'
@ -89,7 +90,7 @@ function CreateCourseModal({ closeModal, orgslug }: any) {
<FormField name="course-learnings"> <FormField name="course-learnings">
<Flex css={{ alignItems: 'baseline', justifyContent: 'space-between' }}> <Flex css={{ alignItems: 'baseline', justifyContent: 'space-between' }}>
<FormLabel>Course Learnings</FormLabel> <FormLabel>Course Learnings</FormLabel>
<FormMessage match="valueMissing">Please provide a learning elements, separated by comma (,)</FormMessage> <FormMessage match="valueMissing">Please provide learning elements, separated by comma (,)</FormMessage>
</Flex> </Flex>
<Form.Control asChild> <Form.Control asChild>
<Textarea required /> <Textarea required />