feat: add static fields rendering

collective · Mar 16, 2021 · da6ae8d · da6ae8d
1 parent 746e62e
commit da6ae8d
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 7 deletions.
diff --git a/src/components/Field.jsx b/src/components/Field.jsx
@@ -36,6 +36,7 @@ const Field = ({
   onChange,
   isOnEdit,
   valid,
+  disabled = false,
 }) => {
   const intl = useIntl();
 
@@ -54,6 +55,7 @@ const Field = ({
           required={required}
           onChange={onChange}
           value={value}
+          isDisabled={disabled}
           invalid={isInvalid().toString()}
           {...(isInvalid() ? { className: 'is-invalid' } : {})}
         />
@@ -68,6 +70,7 @@ const Field = ({
           onChange={onChange}
           value={value}
           rows={10}
+          isDisabled={disabled}
           invalid={isInvalid().toString()}
           {...(isInvalid() ? { className: 'is-invalid' } : {})}
         />
@@ -86,6 +89,7 @@ const Field = ({
           placeholder={intl.formatMessage(messages.select_a_value)}
           aria-label={intl.formatMessage(messages.select_a_value)}
           classNamePrefix="react-select"
+          isDisabled={disabled}
           invalid={isInvalid().toString()}
           {...(isInvalid() ? { className: 'is-invalid' } : {})}
         />
@@ -101,6 +105,7 @@ const Field = ({
             ...(input_values?.map((v) => ({ value: v, label: v })) ?? []),
           ]}
           value={value}
+          isDisabled={disabled}
           invalid={isInvalid().toString()}
           {...(isInvalid() ? { className: 'is-invalid' } : {})}
         />
@@ -113,6 +118,7 @@ const Field = ({
           description={description}
           required={required}
           onChange={onChange}
+          isDisabled={disabled}
           invalid={isInvalid().toString()}
           value={value}
           {...(isInvalid() ? { className: 'is-invalid' } : {})}
@@ -129,6 +135,7 @@ const Field = ({
           resettable={false}
           onChange={onChange}
           value={value}
+          isDisabled={disabled}
           invalid={isInvalid().toString()}
           {...(isInvalid() ? { className: 'is-invalid' } : {})}
         />
@@ -142,6 +149,7 @@ const Field = ({
           type="file"
           required={required}
           invalid={isInvalid().toString()}
+          isDisabled={disabled}
           onChange={onChange}
           value={value}
         />
@@ -155,6 +163,7 @@ const Field = ({
           required={required}
           onChange={onChange}
           value={value}
+          isDisabled={disabled}
           invalid={isInvalid().toString()}
           {...(isInvalid() ? { className: 'is-invalid' } : {})}
         />

diff --git a/src/components/FormView.jsx b/src/components/FormView.jsx
@@ -78,14 +78,23 @@ const FormView = ({
               <p>{formState.result}</p>
             </Message>
           ) : (
-            <Form
-              loading={formState.loading}
-              onSubmit={onSubmit}
-              noValidate
-              method="post"
-            >
+            <Form loading={formState.loading} onSubmit={onSubmit} method="post">
               <Grid columns={1} padded="vertically">
-                {data.subblocks.map((subblock, index) => {
+                {data.static_fields?.map((field) => (
+                  <Grid.Row key={field.field_id}>
+                    <Grid.Column>
+                      <Field
+                        {...field}
+                        name={field.label}
+                        value={field.value}
+                        onChange={() => {}}
+                        disabled
+                        valid
+                      />
+                    </Grid.Column>
+                  </Grid.Row>
+                ))}
+                {data.subblocks?.map((subblock, index) => {
                   let name = getFieldName(subblock.label);
                   return (
                     <Grid.Row key={'row' + index}>