// Copyright (C) The Arvados Authors. All rights reserved. // // SPDX-License-Identifier: AGPL-3.0 import * as React from 'react'; import { withStyles, WithStyles, StyleRulesCallback, FormControl, InputLabel, Select, MenuItem, Input } from '@material-ui/core'; import { ArvadosTheme } from '~/common/custom-theme'; import { FilterOption } from './process-log-panel'; type CssRules = 'formControl'; const styles: StyleRulesCallback = (theme: ArvadosTheme) => ({ formControl: { minWidth: 200 } }); export interface ProcessLogFormDataProps { selectedFilter: FilterOption; filters: FilterOption[]; } export interface ProcessLogFormActionProps { onChange: (filter: FilterOption) => void; } type ProcessLogFormProps = ProcessLogFormDataProps & ProcessLogFormActionProps & WithStyles; export const ProcessLogForm = withStyles(styles)( ({ classes, selectedFilter, onChange, filters }: ProcessLogFormProps) =>
Event Type } name="eventType"> { filters.map(option => {option.label} ) }
);