-
+
+
+
+ } />
+
+
);
}
diff --git a/client/src/components/Home.tsx b/client/src/components/Home.tsx
new file mode 100644
index 0000000..6a4319b
--- /dev/null
+++ b/client/src/components/Home.tsx
@@ -0,0 +1,52 @@
+import React, { useEffect, useState } from 'react';
+import { relayInit } from 'nostr-tools';
+import PostCard from './PostCard/PostCard';
+
+// Define the Event interface
+interface Event {
+ id: string;
+ content: string;
+ created_at: number;
+ // Add other fields if necessary
+}
+
+const relay = relayInit('wss://powrelay.xyz');
+
+const Home = () => {
+ // Define the type of the state variable
+ const [events, setEvents] = useState
([]);
+
+ useEffect(() => {
+ relay.on('connect', async () => {
+ console.log(`connected to ${relay.url}`);
+
+ const eventList = await relay.list([
+ {
+ kinds: [1],
+ limit: 10,
+ },
+ ]);
+
+ // Assuming eventList is of type Event[]
+ setEvents(eventList);
+ });
+
+ relay.on('error', () => {
+ console.log(`failed to connect to ${relay.url}`);
+ });
+
+ relay.connect();
+ }, []);
+
+ return (
+
+
+ {events.map((event, index) => (
+
+ ))}
+
+
+
+
+ );
+};
+
+export default PostCard;
\ No newline at end of file
diff --git a/client/tailwind.config.js b/client/tailwind.config.js
new file mode 100644
index 0000000..d947ab1
--- /dev/null
+++ b/client/tailwind.config.js
@@ -0,0 +1,9 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: [],
+ theme: {
+ extend: {},
+ },
+ plugins: [],
+}
+