gerrit.o-ran-sc Code Review - oam/oam-controller.git/blob

   1 /**
   2  * ============LICENSE_START========================================================================
   3  * ONAP : ccsdk feature sdnr wt odlux
   4  * =================================================================================================
   5  * Copyright (C) 2019 highstreet technologies GmbH Intellectual Property. All rights reserved.
   6  * =================================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except
   8  * in compliance with the License. You may obtain a copy of the License at
   9  *
  10  * http://www.apache.org/licenses/LICENSE-2.0
  11  *
  12  * Unless required by applicable law or agreed to in writing, software distributed under the License
  13  * is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
  14  * or implied. See the License for the specific language governing permissions and limitations under
  15  * the License.
  16  * ============LICENSE_END==========================================================================
  17  */
  18
  19 import React, { FC } from 'react';
  20
  21 import Input, { InputProps } from '@mui/material/Input';
  22 import FormControl from '@mui/material/FormControl';
  23 import InputLabel from '@mui/material/InputLabel';
  24
  25 import FormHelperText from '@mui/material/FormHelperText';
  26
  27 type TextFieldProps = InputProps & {
  28   label: string;
  29   andornmentUnit: string;
  30   error: boolean;
  31   errorText: string;
  32
  33 };
  34
  35 export const TextFieldwithAdornment  : FC<TextFieldProps> = (props: TextFieldProps) =>  {
  36
  37   const {  id, label, errorText, error, style, andornmentUnit, ...otherProps } = props;
  38
  39
  40   return (
  41       <FormControl variant="standard" error={error} style={style}>
  42         <InputLabel htmlFor={id} >{label}</InputLabel>
  43         <Input type="number" id={id} inputProps={{ 'aria-label': label + '-input' }} endAdornment={andornmentUnit} {...otherProps}  />
  44         <FormHelperText>{errorText}</FormHelperText>
  45       </FormControl>
  46   );
  47 };