message: Add fieldset to the TopicForm
diff: @@ -29,6 +29,7 @@ const TopicForm: React.FC<Props> = ({
  return (
  <form onSubmit={onSubmit}>
  + <fieldset disabled={isEditing || isSubmitting}>
  <div className="columns">
  <div className="column is-three-quarters">
  <label className="label">Topic Name *</label>
  @@ -44,7 +45,6 @@ const TopicForm: React.FC<Props> = ({
  },
  })}
  autoComplete="off"
  - disabled={isEditing || isSubmitting}
  />
  <p className="help is-danger">
  <ErrorMessage errors={errors} name="name" />
  @@ -61,7 +61,6 @@ const TopicForm: React.FC<Props> = ({
  {...register('partitions', {
  required: 'Number of partitions is required.',
  })}
  - disabled={isEditing || isSubmitting}
  />
  <p className="help is-danger">
  <ErrorMessage errors={errors} name="partitions" />
  @@ -80,7 +79,6 @@ const TopicForm: React.FC<Props> = ({
  {...register('replicationFactor', {
  required: 'Replication Factor is required.',
  })}
  - disabled={isEditing || isSubmitting}
  />
  <p className="help is-danger">
  <ErrorMessage errors={errors} name="replicationFactor" />
  @@ -97,7 +95,6 @@ const TopicForm: React.FC<Props> = ({
  {...register('minInSyncReplicas', {
  required: 'Min In Sync Replicas is required.',
  })}
  - disabled={isSubmitting}
  />
  <p className="help is-danger">
  <ErrorMessage errors={errors} name="minInSyncReplicas" />
  @@ -109,11 +106,7 @@ const TopicForm: React.FC<Props> = ({
  <div className="column is-one-third">
  <label className="label">Cleanup policy</label>
  <div className="select is-block">
  - <select
  - defaultValue="delete"
  - {...register('cleanupPolicy')}
  - disabled={isSubmitting}
  - >
  + <select defaultValue="delete" {...register('cleanupPolicy')}>
  <option value="delete">Delete</option>
  <option value="compact">Compact</option>
  </select>
  @@ -127,11 +120,7 @@ const TopicForm: React.FC<Props> = ({
  <div className="column is-one-third">
  <label className="label">Max size on disk in GB</label>
  <div className="select is-block">
  - <select
  - defaultValue={-1}
  - {...register('retentionBytes')}
  - disabled={isSubmitting}
  - >
  + <select defaultValue={-1} {...register('retentionBytes')}>
  <option value={-1}>Not Set</option>
  <option value={BYTES_IN_GB}>1 GB</option>
  <option value={BYTES_IN_GB * 10}>10 GB</option>
  @@ -152,7 +141,6 @@ const TopicForm: React.FC<Props> = ({
  {...register('maxMessageBytes', {
  required: 'Maximum message size in bytes is required',
  })}
  - disabled={isSubmitting}
  />
  <p className="help is-danger">
  <ErrorMessage errors={errors} name="maxMessageBytes" />
  @@ -162,11 +150,8 @@ const TopicForm: React.FC<Props> = ({
  <CustomParamsContainer isSubmitting={isSubmitting} config={config} />
  - <input
  - type="submit"
  - className="button is-primary"
  - disabled={isSubmitting}
  - />
  + <input type="submit" className="button is-primary" />
  + </fieldset>
  </form>
  );
  };
  