From e5679eb27c55836e18b7eab24a3a2ab6c2e77ec8 Mon Sep 17 00:00:00 2001
From: Lykke Axlin <lykkeaxlin@hotmail.com>
Date: Wed, 13 Oct 2021 16:35:43 +0200
Subject: [PATCH] add url regex to community link

Signed-off-by: Lykke Axlin <lykkeaxlin@hotmail.com>

Co-authored-by: klaraab <klarabroman@live.se>
---
 .../bazaar/src/components/InputField/InputField.tsx   |  8 +++-----
 .../src/components/ProjectDialog/ProjectDialog.tsx    | 11 +++++++++--
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/plugins/bazaar/src/components/InputField/InputField.tsx b/plugins/bazaar/src/components/InputField/InputField.tsx
index fc25cd7a43..4d284ff82c 100644
--- a/plugins/bazaar/src/components/InputField/InputField.tsx
+++ b/plugins/bazaar/src/components/InputField/InputField.tsx
@@ -25,7 +25,7 @@ type Props = {
   control: Control<FormValues, object>;
   helperText?: string;
   placeholder?: string;
-  required: boolean;
+  rules?: Object;
 };
 
 export const InputField = ({
@@ -34,7 +34,7 @@ export const InputField = ({
   control,
   helperText,
   placeholder,
-  required,
+  rules,
 }: Props) => {
   const label =
     inputType.charAt(0).toLocaleUpperCase('en-US') + inputType.slice(1);
@@ -43,9 +43,7 @@ export const InputField = ({
     <Controller
       name={inputType}
       control={control}
-      rules={{
-        required: required,
-      }}
+      rules={rules}
       render={({ field }) => (
         <TextField
           {...field}
diff --git a/plugins/bazaar/src/components/ProjectDialog/ProjectDialog.tsx b/plugins/bazaar/src/components/ProjectDialog/ProjectDialog.tsx
index 5ad716c6ae..cb76984f44 100644
--- a/plugins/bazaar/src/components/ProjectDialog/ProjectDialog.tsx
+++ b/plugins/bazaar/src/components/ProjectDialog/ProjectDialog.tsx
@@ -144,16 +144,23 @@ export const ProjectDialog = ({
           <InputField
             error={errors.announcement}
             control={control}
-            required
+            rules={{
+              required: true,
+            }}
             inputType="announcement"
             helperText="please enter an announcement"
             placeholder="Describe who you are and what skills you are looking for"
           />
 
           <InputField
+            error={errors.community}
             control={control}
-            required={false}
+            rules={{
+              required: false,
+              pattern: RegExp('^(https?)://[^s$.?#].[^s]*$'),
+            }}
             inputType="community"
+            helperText="please enter a link starting with http/https"
             placeholder="Community link to e.g. Teams or Discord"
           />