thenavisapp/src/components/TransactionHistory.js

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

import React from 'react';
import './TransactionHistory.css';

const TransactionHistory = ({ transactions }) => {
  return (
    <div className="transaction-history-container">
      <h2>Transaction History</h2>
      <ul>
        {transactions.map((transaction, index) => (
          <li key={index}>
            <div className="transaction-info">
              <p>
                <span>From:</span> {transaction.from}
              </p>
              <p>
                <span>To:</span> {transaction.to}
              </p>
              <p>
                <span>Amount:</span> {transaction.amount}
              </p>
            </div>
            <div className="transaction-status">
              <p>Status: {transaction.status}</p>
              <p>Date: {transaction.date}</p>
            </div>
          </li>
        ))}
      </ul>
    </div>
  );
};

export default TransactionHistory;