From b1509fd5ab7bf3554cc89db94ba750ffc89c0442 Mon Sep 17 00:00:00 2001
From: Vishesh 'ironeagle' Bangotra <aetoskia@gmail.com>
Date: Fri, 24 Apr 2026 14:01:49 +0530
Subject: [PATCH] refactored LatestItems to component

---
 src/Dashboard.tsx                              |  7 ++-----
 .../LatestItems/LatestItems.models.ts          | 18 ++++++++++++++++++
 .../LatestItems.tsx}                           |  2 +-
 .../LatestItems/LatestItems.view.tsx           |  6 ++++++
 src/components/LatestItems/index.ts            |  2 ++
 5 files changed, 29 insertions(+), 6 deletions(-)
 create mode 100644 src/components/LatestItems/LatestItems.models.ts
 rename src/components/{LatestItemsList.tsx => LatestItems/LatestItems.tsx} (98%)
 create mode 100644 src/components/LatestItems/LatestItems.view.tsx
 create mode 100644 src/components/LatestItems/index.ts

diff --git a/src/Dashboard.tsx b/src/Dashboard.tsx
index 5a9d5dd..4543b7b 100644
--- a/src/Dashboard.tsx
+++ b/src/Dashboard.tsx
@@ -9,11 +9,8 @@ import {
   ToggleButtonGroup
 } from "@mui/material";
 
-import LatestItemsList, { LatestItem } from "./components/LatestItemsList";
-import HistoryChart from "./components/HistoryChart";
-import {
-  AggregatedDashboardData
-} from "./components/HistoryChart";
+import LatestItemsList, { LatestItem } from "./components/LatestItems";
+import HistoryChart, { AggregatedDashboardData } from "./components/HistoryChart";
 
 import {
   fetchLatestTransactions,
diff --git a/src/components/LatestItems/LatestItems.models.ts b/src/components/LatestItems/LatestItems.models.ts
new file mode 100644
index 0000000..bd15502
--- /dev/null
+++ b/src/components/LatestItems/LatestItems.models.ts
@@ -0,0 +1,18 @@
+import * as React from "react";
+
+export interface LatestItem {
+  id: string | number;
+  icon: React.ReactNode;
+  iconBgColor?: string;
+  title: string;
+  subtitle: string;
+  amount: string;
+  timeAgo: string;
+}
+
+export interface LatestItemsListProps {
+  title?: string;
+  items: LatestItem[];
+  onViewAll?: () => void;
+  accentColor: string;
+}
diff --git a/src/components/LatestItemsList.tsx b/src/components/LatestItems/LatestItems.tsx
similarity index 98%
rename from src/components/LatestItemsList.tsx
rename to src/components/LatestItems/LatestItems.tsx
index eae5cfe..9c9f247 100644
--- a/src/components/LatestItemsList.tsx
+++ b/src/components/LatestItems/LatestItems.tsx
@@ -27,7 +27,7 @@ export interface LatestItemsListProps {
   accentColor: any;
 }
 
-export default function LatestItemsList({
+export default function LatestItems({
   title = "Recent Transactions",
   items,
   onViewAll,
diff --git a/src/components/LatestItems/LatestItems.view.tsx b/src/components/LatestItems/LatestItems.view.tsx
new file mode 100644
index 0000000..71a7983
--- /dev/null
+++ b/src/components/LatestItems/LatestItems.view.tsx
@@ -0,0 +1,6 @@
+import LatestItemsListView from "./LatestItems.view";
+import { LatestItemsListProps } from "./LatestItems.models";
+
+export default function LatestItemsList(props: LatestItemsListProps) {
+  return <LatestItemsListView {...props} />;
+}
diff --git a/src/components/LatestItems/index.ts b/src/components/LatestItems/index.ts
new file mode 100644
index 0000000..2847eeb
--- /dev/null
+++ b/src/components/LatestItems/index.ts
@@ -0,0 +1,2 @@
+export { default } from "./LatestItems";
+export * from "./LatestItems.models";