feat: hide inputs if there is no data

Signed-off-by: Yi-Ya Chen <[email protected]>

Author: houhoucoop

src/routes/backingImage/RestoreBackupBackingImageModal.js

@@ -49,14 +49,18 @@ const modal = ({
     <ModalBlur {...modalOpts}>
       <Form layout="horizontal">
         <FormItem label="Backup" {...formItemLayout}>
-          {getFieldDecorator('backup', { initialValue: item.name || '' })(<Input disabled={!!item.name} />)}
-        </FormItem>
-        <FormItem label="Secret" hasFeedback {...formItemLayout}>
-          {getFieldDecorator('secret', { initialValue: item.secret || '' })(<Input disabled={!!item.secret} />)}
-        </FormItem>
-        <FormItem label="Secret Namespace" hasFeedback {...formItemLayout}>
-          {getFieldDecorator('secretNamespace', { initialValue: item.secretNamespace || '' })(<Input disabled={!!item.secretNamespace} />)}
+          {getFieldDecorator('backup', { initialValue: item.name || '' })(<Input disabled />)}
         </FormItem>
+        {item.secret && (
+          <FormItem label="Secret" hasFeedback {...formItemLayout}>
+            {getFieldDecorator('secret', { initialValue: item.secret })(<Input disabled />)}
+          </FormItem>
+        )}
+        {item.secretNamespace && (
+          <FormItem label="Secret Namespace" hasFeedback {...formItemLayout}>
+            {getFieldDecorator('secretNamespace', { initialValue: item.secretNamespace })(<Input disabled />)}
+          </FormItem>
+        )}
       </Form>
     </ModalBlur>
   )