From a0adac07b6d86854bcc7eefe76b8f50e3456ab43 Mon Sep 17 00:00:00 2001
From: KOSASIH <kosasihg88@gmail.com>
Date: Sat, 24 Aug 2024 20:24:18 +0700
Subject: [PATCH] Create WalletTransactions

---
 app/components/WalletTransactions | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 app/components/WalletTransactions

diff --git a/app/components/WalletTransactions b/app/components/WalletTransactions
new file mode 100644
index 0000000..da8fa30
--- /dev/null
+++ b/app/components/WalletTransactions
@@ -0,0 +1,27 @@
+import React from 'react';
+import { useWallet } from '../contexts/WalletContext';
+import { useTheme } from '../contexts/ThemeContext';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
+import { faGear } from '@fortawesome/free-solid-svg-icons';
+
+const WalletTransactions = () => {
+  const { wallet } = useWallet();
+  const { theme } = useTheme();
+
+  return (
+    <div className={`wallet-transactions ${theme}`}>
+      <h2>Wallet Transactions</h2>
+      <ul>
+        {wallet.transactions.map((transaction) => (
+          <li key={transaction.id}>
+            <span>{transaction.date}</span>
+            <span>{transaction.amount}</span>
+            <span>{transaction.type}</span>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+};
+
+export default WalletTransactions;