From 033c3d633d3e95a1631190abdcef655f5407855b Mon Sep 17 00:00:00 2001
From: David Ojo <victorojodavid@gmail.com>
Date: Sun, 24 May 2026 21:27:06 +0100
Subject: [PATCH] feat: implement issue feed component to display open bounties

---
 src/components/IssueFeed.tsx | 53 ++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)
 create mode 100644 src/components/IssueFeed.tsx

diff --git a/src/components/IssueFeed.tsx b/src/components/IssueFeed.tsx
new file mode 100644
index 0000000..e39d19c
--- /dev/null
+++ b/src/components/IssueFeed.tsx
@@ -0,0 +1,53 @@
+import BountyCard from './BountyCard';
+
+interface Issue {
+  id: number;
+  number: number;
+  title: string;
+  description?: string;
+  bountyAmount: number;
+  tokenType: string;
+  deadline: string;
+  status: 'open' | 'in-progress' | 'completed' | 'expired';
+  labels: string[];
+}
+
+interface IssueFeedProps {
+  issues: Issue[];
+  loading?: boolean;
+}
+
+export default function IssueFeed({ issues, loading = false }: IssueFeedProps) {
+  if (loading) {
+    return (
+      <div style={{ textAlign: 'center', padding: '40px', color: '#888' }}>
+        Loading issues...
+      </div>
+    );
+  }
+
+  if (issues.length === 0) {
+    return (
+      <div style={{ textAlign: 'center', padding: '40px', color: '#888' }}>
+        No issues found.
+      </div>
+    );
+  }
+
+  return (
+    <div style={{ maxWidth: '800px', margin: '0 auto', padding: '20px' }}>
+      <h2 style={{ marginBottom: '20px' }}>Open Bounties</h2>
+      {issues.map((issue) => (
+        <BountyCard
+          key={issue.id}
+          title={`#${issue.number} — ${issue.title}`}
+          description={issue.description}
+          bountyAmount={issue.bountyAmount}
+          tokenType={issue.tokenType}
+          deadline={issue.deadline}
+          status={issue.status}
+        />
+      ))}
+    </div>
+  );
+}
\ No newline at end of file