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

export default class Panel extends Component {
  constructor(props) {
    super(props);
    props.subscribirCambiosPanel();
  }

  props: {
    pedidos: [],
    subscribirCambiosPanel: () => void
  }

  render() {
    const { pedidos } = this.props;
    return (
      <div className={style.panel}>
        <h1 className={style.titulo}>Panel pedidos</h1>
        <FlipMove className={style.pedidos} duration={500} easing="ease-out">
          {
            pedidos.map((pedido) => (
              <Pedido
                key={pedido.id}
                nombre={pedido.nombre}
                fechaSolicitud={pedido.fechaSolicitud}
                ordenes={pedido.ordenes}
              />
            ))
          }
        </FlipMove>
      </div>
    );
  }
}<commit_msg>Se ordenan los pedidos segun su prioridad<commit_after>import React, { Component } from "react";
import FlipMove from "react-flip-move";
import Pedido from "./Pedido";
import style from "./Panel.css";

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

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

  props: {
    pedidos: [],
    subscribirCambiosPanel: () => void
  }

  render() {
    const { pedidos } = this.props;
    return (
      <div className={style.panel}>
        <h1 className={style.titulo}>Panel pedidos</h1>
        <FlipMove className={style.pedidos} duration={500} easing="ease-out">
          {
            pedidos
              .sort(Panel.compararPrioridadPedidos)
              .map((pedido) => (
                <Pedido
                  key={pedido.id}
                  nombre={pedido.nombre}
                  fechaSolicitud={pedido.fechaSolicitud}
                  ordenes={pedido.ordenes}
                />
              ))
          }
        </FlipMove>
      </div>
    );
  }
}
{'fraction_non_alphanumeric': 0.12559241706161137, 'fraction_numerical': 0.004739336492890996, 'mean_word_length': 2.024355300859599, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 21, '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': '1841430', 'n_tokens_mistral': 670, 'n_tokens_neox': 637, 'n_words': 118}