client/src/components/RequestTablePart.jsx - master - Nonashi/dragonauto

client/src/components/RequestTablePart.jsx

53 строки2 KB

N0nashi

Убрал подмодули, добавил client и server как обычные папки

04 июн 2025, 18:16

04 июн 2025, 18:1690335bc

import React from "react";

const RequestTablePart = ({ applications, onView, onReply }) => {
  const partApps = applications.filter(app => app.type === "part");

  if (!partApps.length) {
    return <p className="text-gray-600">Нет заявок на запчасти.</p>;
  }

  return (
    <div className="overflow-x-auto">
      <table className="min-w-full table-auto border-collapse">
        <thead className="bg-gray-100">
          <tr>
            <th className="px-4 py-2 text-left">№ Заявки</th>
            <th className="px-4 py-2 text-left">Имя</th>
            <th className="px-4 py-2 text-left">Фамилия</th>
            <th className="px-4 py-2 text-left">Email</th>
            <th className="px-4 py-2 text-left">Действие</th>
          </tr>
        </thead>
        <tbody>
          {partApps.map((app) => (
            <tr key={app.id} className="border-t hover:bg-gray-50">
              <td className="px-4 py-2">{app.id}</td>
              <td className="px-4 py-2">{app.first_name || "—"}</td>
              <td className="px-4 py-2">{app.last_name || "—"}</td>
              <td className="px-4 py-2">{app.email || "—"}</td>
              <td className="px-4 py-2 space-x-2">
                <button
                  onClick={() => onView(app.id)}
                  className="text-blue-600 hover:underline"
                >
                  Посмотреть
                </button>
                {onReply && app.email && (
                  <button
                    onClick={() => onReply(app.email, app.id)}
                    className="text-green-600 hover:underline"
                  >
                    Ответить
                  </button>
                )}
              </td>
            </tr>
          ))}
        </tbody>
      </table>
    </div>
  );
};

export default RequestTablePart;