From ed9e4a9fd80ec130e82c42212e3de1657b8e86bc Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Fri, 21 Apr 2023 00:13:43 +0200
Subject: [PATCH] fix: form message issue

---
 front/components/Pages/CreateCourse/CreateCourse.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/front/components/Pages/CreateCourse/CreateCourse.tsx b/front/components/Pages/CreateCourse/CreateCourse.tsx
index 0f34dab9..f182bb38 100644
--- a/front/components/Pages/CreateCourse/CreateCourse.tsx
+++ b/front/components/Pages/CreateCourse/CreateCourse.tsx
@@ -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 { getAPIUrl, getUriWithOrg } from '@services/config/config';
+import { FormMessage } from "@radix-ui/react-form";
 import { createNewCourse } from '@services/courses/courses';
 import { getOrganizationContextInfo } from '@services/organizations/orgs';
 import React, { useState } from 'react'
@@ -89,7 +90,7 @@ function CreateCourseModal({ closeModal, orgslug }: any) {
             <FormField name="course-learnings">
                 <Flex css={{ alignItems: 'baseline', justifyContent: 'space-between' }}>
                     <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>
                 <Form.Control asChild>
                     <Textarea required />