feat show form fields descriptions (#121)

krateoplatformops · Oct 14, 2024 · 418878c · 418878c
1 parent 40ce1e6
commit 418878c
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -478,6 +478,7 @@ Copy content of _/build_ folder in your web server
 	title?: string,
 	description?: string,
 	fieldsEndpoint?: string,
+	descriptionTooltip: boolean,
 	prefix?: string,
 }
 ```
@@ -489,6 +490,7 @@ Copy content of _/build_ folder in your web server
 	title: "lorem ipsum dolor sit amet",
 	description: "lorem ipsum dolor sit amet",
 	fieldsEndpoint: "/lorem/ipsum",
+	descriptionTooltip: true,
 	prefix: "filtersCompositions",
 }
 ```

diff --git a/public/config/config.json b/public/config/config.json
@@ -1,9 +1,9 @@
 {
   "api": {
-    "AUTHN_API_BASE_URL": "http://4.207.39.182:8082",
-    "BFF_API_BASE_URL": "http://4.207.39.183:8081",
-    "EVENTS_API_BASE_URL": "http://172.205.78.36:8083",
-    "EVENTS_PUSH_API_BASE_URL": "http://172.205.78.36:8083",
+    "AUTHN_API_BASE_URL": "http://135.236.145.79:8082",
+    "BFF_API_BASE_URL": "http://135.236.149.62:8081",
+    "EVENTS_API_BASE_URL": "http://48.209.179.60:8083",
+    "EVENTS_PUSH_API_BASE_URL": "http://48.209.179.60:8083",
     "TERMINAL_SOCKET_URL": "http://localhost:8084"
   },
   "params": {

diff --git a/src/components/Widgets/FormGenerator/FormGenerator.tsx b/src/components/Widgets/FormGenerator/FormGenerator.tsx
@@ -13,14 +13,15 @@ import SelectWithFilters from "./SelectWithFilters";
 type FormGeneratorType = {
 	title?: string,
 	description?: string,
+	descriptionTooltip: boolean,
 	fieldsEndpoint?: string,
 	form: FormInstance<any>,
 	prefix?: string,
 	onClose: () => void,
 	disableButtons: (value: boolean) => void
 }
 
-const FormGenerator = ({title, description, fieldsEndpoint, form, prefix, onClose, disableButtons }: FormGeneratorType) => {
+const FormGenerator = ({title, description, descriptionTooltip = false, fieldsEndpoint, form, prefix, onClose, disableButtons }: FormGeneratorType) => {
 
 	const [postContent, { data: postData, isLoading: postLoading, isSuccess: isPostSuccess, isError: isPostError, error: postError }] = usePostContentMutation();
 	const { message } = App.useApp();
@@ -138,21 +139,20 @@ const FormGenerator = ({title, description, fieldsEndpoint, form, prefix, onClos
 							label={renderLabel(name, label)}
 							name={name.split(".")}
 							rules={rules}
+							tooltip={descriptionTooltip && node.description ? node.description : undefined}
+							extra={!descriptionTooltip && node.description ? node.description : undefined}
 						>
 							{node.enum ? (
 								node.enum.length > 4 ? (
 									<Select
-										placeholder={node.description ? node.description : undefined}
 										options={node.enum.map(opt => ({value: opt, label: opt}))}
 										allowClear
 									/>
 								)
 									:
 									<Radio.Group>{node.enum.map((el) => <Radio key={`radio_${el}`} value={el}>{el}</Radio>)}</Radio.Group>
 								) : 
-								<Input
-									placeholder={node.description ? node.description : undefined}
-								/>
+								<Input />
 							}
 						</Form.Item>
 					</div>
@@ -169,6 +169,8 @@ const FormGenerator = ({title, description, fieldsEndpoint, form, prefix, onClos
 								name={name.split(".")}
 								valuePropName="checked"
 								rules={rules}
+								tooltip={descriptionTooltip && node.description ? node.description : undefined}
+								extra={!descriptionTooltip && node.description ? node.description : undefined}
 							>
 								<Switch />
 							</Form.Item>
@@ -184,6 +186,8 @@ const FormGenerator = ({title, description, fieldsEndpoint, form, prefix, onClos
 							label={renderLabel(name, label)}
 							name={name.split(".")}
 							rules={rules}
+							tooltip={descriptionTooltip && node.description ? node.description : undefined}
+							extra={!descriptionTooltip && node.description ? node.description : undefined}
 						>
 							<ListEditor onChange={(values) => {form.setFieldValue(name, values)}} />
 						</Form.Item>
@@ -201,6 +205,8 @@ const FormGenerator = ({title, description, fieldsEndpoint, form, prefix, onClos
 							label={renderLabel(name, label)}
 							name={name.split(".")}
 							rules={rules}
+							tooltip={descriptionTooltip && node.description ? node.description : undefined}
+							extra={!descriptionTooltip && node.description ? node.description : undefined}
 						>
 							{
 								min && max && (max - min < 100) ?
@@ -220,6 +226,8 @@ const FormGenerator = ({title, description, fieldsEndpoint, form, prefix, onClos
 							label={renderLabel(name, label)}
 							name={name.split(".")}
 							rules={rules}
+							tooltip={descriptionTooltip && node.description ? node.description : undefined}
+							extra={!descriptionTooltip && node.description ? node.description : undefined}
 						>
 							<SelectWithFilters node={node} />
 						</Form.Item>