<commit_before>import React, { Component } from "react";
import PropTypes from "prop-types";
import FlipMove from "react-flip-move";
import Pedido from "./Pedido";
import style from "./TableroPedidos.css";

const propTypes = {
  pedidos: PropTypes.arrayOf(PropTypes.shape({
    id: PropTypes.number.isRequired,
    nombre: PropTypes.string.isRequired,
    prioridad: PropTypes.number.isRequired,
    fechaSolicitud: PropTypes.instanceOf(Date).isRequired,
    ordenes: PropTypes.array.isRequired
  })).isRequired,
  subscribirCambiosPanel: PropTypes.func.isRequired
};

class TableroPedidos extends Component {
  static compararPrioridadPedidos(primerPedido, segundoPedido) {
    return segundoPedido.prioridad - primerPedido.prioridad;
  }

  constructor(props) {
    super(props);
    props.subscribirCambiosPanel();
  }

  pedidosOrdenados() {
    const { pedidos } = this.props;
    // Se clona los pedidos para no modificarlos con sort
    return []
      .concat(pedidos)
      .sort(TableroPedidos.compararPrioridadPedidos);
  }

  render() {
    return (
      <div className={style.tablero}>
        <h1 className={style.titulo}>Tablero pedidos</h1>
        <FlipMove className={style.pedidos} duration={500} easing="ease-out">
          {
            this.pedidosOrdenados()
              .map((pedido) => (
                <Pedido key={pedido.id} {...pedido} /><commit_msg>Se cambia el nombre de la funcion del websocket<commit_after>import React, { Component } from "react";
import PropTypes from "prop-types";
import FlipMove from "react-flip-move";
import Pedido from "./Pedido";
import style from "./TableroPedidos.css";

const propTypes = {
  pedidos: PropTypes.arrayOf(PropTypes.shape({
    id: PropTypes.number.isRequired,
    nombre: PropTypes.string.isRequired,
    prioridad: PropTypes.number.isRequired,
    fechaSolicitud: PropTypes.instanceOf(Date).isRequired,
    ordenes: PropTypes.array.isRequired
  })).isRequired,
  subscribirCambiosPedidos: PropTypes.func.isRequired
};

class TableroPedidos extends Component {
  static compararPrioridadPedidos(primerPedido, segundoPedido) {
    return segundoPedido.prioridad - primerPedido.prioridad;
  }

  constructor(props) {
    super(props);
    props.subscribirCambiosPedidos();
  }

  pedidosOrdenados() {
    const { pedidos } = this.props;
    // Se clona los pedidos para no modificarlos con sort
    return []
      .concat(pedidos)
      .sort(TableroPedidos.compararPrioridadPedidos);
  }

  render() {
    return (
      <div className={style.tablero}>
        <h1 className={style.titulo}>Tablero pedidos</h1>
        <FlipMove className={style.pedidos} duration={500} easing="ease-out">
          {
            this.pedidosOrdenados()
              .map((pedido) => (
                <Pedido key={pedido.id} {...pedido} />
{'fraction_non_alphanumeric': 0.11768901569186876, 'fraction_numerical': 0.003566333808844508, 'mean_word_length': 3.4594594594594597, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2953554', 'n_tokens_mistral': 920, 'n_tokens_neox': 891, 'n_words': 174}