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/wincloud_gateway/plugins/content-export-import/admin/src/components/MappingTable/   drwxr-xr-x
Free 13.21 GB of 57.97 GB (22.78%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     TableHeader.js (1.29 KB)      -rw-r--r--

import React, { memo } from "react";
import PropTypes from "prop-types";

import { Label, Select } from "@buffetjs/core";
import FormatIcon from "../FormatIcon";

function TableHeader({ headers, headersSelectOptions, onChangeSelect }) {
  return (
    <thead>
      <tr>
        {headers.map(({ name, format }) => (
          <th key={name}>
            <span className="mr-3">{name}</span>
            <span title={`${format} format`}>
              <FormatIcon format={format} />
            </span>
          </th>
        ))}
        <th></th>
      </tr>
      <tr>
        {headers.map(({ name, value }) => (
          <th key={name}>
            <Label htmlFor={`map-${name}`}>
              <Select
                name={`map-${name}`}
                value={value}
                options={headersSelectOptions}
                onChange={onChangeSelect(name)}
                className={value === "none" ? "unselected" : ""}
              />
            </Label>
          </th>
        ))}
        <th>Del</th>
      </tr>
    </thead>
  );
}

TableHeader.defaultProps = {
  headers: [],
  headersSelectOptions: [],
  onChangeSelect: () => {},
};

TableHeader.propTypes = {
  headers: PropTypes.array,
  headersSelectOptions: PropTypes.array,
  onChangeSelect: PropTypes.func,
};

export default memo(TableHeader);