Function GraphSelector

browser/src/components/GraphSelector.tsx:23–46

({
  componentName,
  graphs,
  selectGraph
}: Props)

 * If no component is specified `All Components` will be picked
 */
export const GraphSelector = ({
  componentName,
  graphs,
  selectGraph
}: Props) => {
  let graphOptions = graphs.map(graph => {
    return { value: graph, label: displayName(graph.toString()) };
  });

  let defaultValue = componentName
    ? ({ value: componentName, label: displayName(componentName) } as ValueType<OptionTypeBase, false>)
    : graphOptions[0];

  return (
    <Select
      value={defaultValue}
      className="component-select"
      classNamePrefix="react-select"
      onChange={value => selectGraph((value as unknown as { value: string }).value)}
      placeholder="Select graph..."
      options={graphOptions}
    />
  );
};