frontend: sort Resolver select options (#1240)

517b1aba · Derek · GitHub · ea20dbf2 · 517b1aba
Unverified Commit 517b1aba authored 4 years ago by Derek Committed by GitHub 4 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 2 additions and 1 deletion
+2 -1
--- a/frontend/packages/core/src/Resolver/hydrator.tsx
+++ b/frontend/packages/core/src/Resolver/hydrator.tsx
 import React from "react";
 import type { clutch } from "@clutch-sh/api";
+import _ from "lodash";

 import Select from "../Input/select";
 import TextField from "../Input/text-field";
@@ -72,7 +73,7 @@ const OptionField = (
    });
  }, []);

-  const options = field.metadata.optionField.options.map(option => {
+  const options = _.sortBy(field.metadata.optionField.options, o => o.displayName).map(option => {
    return { label: option.displayName, value: option.stringValue };
  });
  const updateSelectedOption = (value: string) => {