Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/beximco/mrp/mrp/.cache/admin/src/components/Users/FilterPicker/Card/   drwxrwxrwx
Free 13.1 GB of 57.97 GB (22.61%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     index.js (2.17 KB)      -rwxrwxrwx

import React, { useReducer } from 'react';
import PropTypes from 'prop-types';
import { FormattedMessage } from 'react-intl';
import { Select, Padded } from '@buffetjs/core';
import Button from '../../../FullWidthButton';
import { form, getInputValue } from './utils';
import { initialState, reducer } from './reducer';
import init from './init';
import Input from './Input';
import Wrapper from './Wrapper';

const Card = ({ onChange }) => {
  const [
    {
      modifiedData: { name, filter, value },
    },
    dispatch,
  ] = useReducer(reducer, initialState, init);

  const handleChangeName = ({ target: { value } }) => {
    dispatch({
      type: 'ON_CHANGE_NAME',
      value,
    });
  };

  const handleChange = ({ target: { name, value } }) => {
    dispatch({
      type: 'ON_CHANGE',
      keys: name,
      value,
    });
  };

  const renderFiltersOptions = () => {
    return form[name].allowedFilters.map(filter => (
      <FormattedMessage id={filter.id} key={filter.id}>
        {msg => <option value={filter.value}>{msg}</option>}
      </FormattedMessage>
    ));
  };

  const handleSubmit = () => {
    onChange({ name, filter, value });

    dispatch({
      type: 'RESET_FORM',
    });
  };

  return (
    <Wrapper>
      <Padded bottom size="11px">
        <Select name="name" onChange={handleChangeName} options={Object.keys(form)} value={name} />
      </Padded>
      <Padded bottom size="11px">
        <Select
          onChange={handleChange}
          options={renderFiltersOptions()}
          name="filter"
          value={filter}
        />
      </Padded>
      <Padded bottom size="11px">
        <Input
          onChange={handleChange}
          name="value"
          type={form[name].type}
          value={getInputValue(form[name].type, value)}
          options={[
            { label: 'true', value: 'true' },
            { label: 'false', value: 'false' },
          ]}
        />
      </Padded>
      <Button icon onClick={handleSubmit} type="button">
        <FormattedMessage id="app.utils.add-filter" />
      </Button>
    </Wrapper>
  );
};

Card.defaultProps = {
  onChange: () => {},
};

Card.propTypes = {
  onChange: PropTypes.func,
};

export default Card;