Untitled

// TransactionContext.tsx
import React, { createContext, useState, ReactNode } from "react";

export interface Transaction {
  id: string;
  sender: string;
  receiver: string;
  amount: number;
  timestamp: string;
}

export const transactions: Transaction[] = [
  { id: "1", sender: "Alice", receiver: "Bob", amount: 50, timestamp: "2024-05-31T12:34:56Z" },
  { id: "2", sender: "Charlie", receiver: "Dave", amount: 75, timestamp: "2024-05-30T09:22:45Z" },
  { id: "3", sender: "Eve", receiver: "Frank", amount: 100, timestamp: "2024-05-29T14:12:01Z" },
  { id: "4", sender: "Grace", receiver: "Heidi", amount: 200, timestamp: "2024-05-28T16:05:33Z" },
  { id: "5", sender: "Ivan", receiver: "Judy", amount: 150, timestamp: "2024-05-27T11:50:22Z" },
  { id: "6", sender: "Mallory", receiver: "Oscar", amount: 250, timestamp: "2024-05-26T13:45:56Z" },
  { id: "7", sender: "Peggy", receiver: "Quentin", amount: 300, timestamp: "2024-05-25T15:38:29Z" },
  { id: "8", sender: "Rita", receiver: "Steve", amount: 350, timestamp: "2024-05-24T17:22:14Z" },
  { id: "9", sender: "Trent", receiver: "Uma", amount: 400, timestamp: "2024-05-23T19:07:42Z" },
  { id: "10", sender: "Victor", receiver: "Wendy", amount: 450, timestamp: "2024-05-22T20:55:36Z" },
  { id: "11", sender: "Xander", receiver: "Yolanda", amount: 500, timestamp: "2024-05-21T21:43:11Z" },
  { id: "12", sender: "Zara", receiver: "Amy", amount: 550, timestamp: "2024-05-20T23:34:45Z" },
  { id: "13", sender: "Ben", receiver: "Cara", amount: 600, timestamp: "2024-05-19T01:22:19Z" },
  { id: "14", sender: "Dan", receiver: "Ella", amount: 650, timestamp: "2024-05-18T03:15:29Z" },
  { id: "15", sender: "Fred", receiver: "Gina", amount: 700, timestamp: "2024-05-17T05:08:41Z" },
  { id: "16", sender: "Hank", receiver: "Ivy", amount: 750, timestamp: "2024-05-16T07:01:55Z" },
  { id: "17", sender: "Jack", receiver: "Kim", amount: 800, timestamp: "2024-05-15T09:56:12Z" },
  { id: "18", sender: "Liam", receiver: "Nina", amount: 850, timestamp: "2024-05-14T11:49:28Z" },
  { id: "19", sender: "Owen", receiver: "Paul", amount: 900, timestamp: "2024-05-13T13:42:36Z" },
  { id: "20", sender: "Quinn", receiver: "Rose", amount: 950, timestamp: "2024-05-12T15:35:47Z" }
];

interface TransactionContextValue {
  transactions: Transaction[];
}

export const TransactionContext = createContext<TransactionContextValue>({
  transactions: []
});

interface TransactionProviderProps {
  children: ReactNode;
}

export const TransactionProvider: React.FC<TransactionProviderProps> = ({ children }) => {
  const [transactionsState] = useState(transactions);

  return (
    <TransactionContext.Provider value={{ transactions: transactionsState }}>
      {children}
    </TransactionContext.Provider>
  );
};