Browse Source

Sort topic params (#994)

Stuart Hinson 3 years ago
parent
commit
cf3708a3e1

+ 11 - 9
kafka-ui-react-app/src/components/Topics/shared/Form/CustomParams/CustomParamField.tsx

@@ -63,15 +63,17 @@ const CustomParamField: React.FC<Props> = ({
             defaultValue={field.name}
             defaultValue={field.name}
           >
           >
             <option value="">Select</option>
             <option value="">Select</option>
-            {Object.keys(TOPIC_CUSTOM_PARAMS).map((opt) => (
-              <option
-                key={opt}
-                value={opt}
-                disabled={existingFields.includes(opt)}
-              >
-                {opt}
-              </option>
-            ))}
+            {Object.keys(TOPIC_CUSTOM_PARAMS)
+              .sort()
+              .map((opt) => (
+                <option
+                  key={opt}
+                  value={opt}
+                  disabled={existingFields.includes(opt)}
+                >
+                  {opt}
+                </option>
+              ))}
           </select>
           </select>
           <p className="help is-danger">
           <p className="help is-danger">
             <ErrorMessage errors={errors} name={`customParams.${index}.name`} />
             <ErrorMessage errors={errors} name={`customParams.${index}.name`} />