FalkenDev / SparkRentals-Admin-Dashboard

import React from "react";

import { GrClose } from "react-icons/gr";

const PrepaidUses = ({ handleForm, logData }) => {

  const logList = () => {

    return logData.map((item, index) => {

      return (

        <div key={index} className="border-b border-gray-400 p-2 text-sm">

          <div className="flex flex-row justify-between">

            <p>{item}</p>

          </div>

        </div>

      );

    });

  };

  return (

    <div className="pb-2 px-2 bg-white w-72 h-131 rounded-xl shadow-md">

      <button className="py-1" onClick={() => handleForm()}>

        <GrClose />

      </button>

      <div>

        <h1 className="text-xl text-center pb-2">Log History</h1>

      </div>

      <div className=" bg-gray-200 w-full h-130 rounded-xl overflow-scroll">

        {logData ? (

          <div>{logList()}</div>

        ) : (

          <p className="py-2 text-center">Empty</p>

        )}

      </div>

    </div>

  );

};

export default PrepaidUses;