From 309bc00af86963af75da9659b1297bf2f5f3ee4d Mon Sep 17 00:00:00 2001
From: ayomaska18 <MaskaChung123@gmail.com>
Date: Fri, 25 Oct 2024 20:18:38 +0100
Subject: [PATCH] added get flare feed component

---
 app/page.tsx                          |  3 ++
 components/sc/getEventImages.tsx      |  0
 components/sc/getEventTickets.tsx     |  0
 components/sc/getFlareFeed.tsx        | 59 +++++++++++++++++++++++++++
 components/sc/transferTicketForce.tsx |  0
 5 files changed, 62 insertions(+)
 delete mode 100644 components/sc/getEventImages.tsx
 delete mode 100644 components/sc/getEventTickets.tsx
 create mode 100644 components/sc/getFlareFeed.tsx
 delete mode 100644 components/sc/transferTicketForce.tsx

diff --git a/app/page.tsx b/app/page.tsx
index 93c0a4c..11930cf 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -2,6 +2,7 @@ import Image from 'next/image';
 import EventCounter from '@/components/sc/eventCounter';
 import CreateEvent from '@/components/sc/createEvent';
 import GetEventPrice from '@/components/sc/getEventPrice';
+import FlareFeed from '@/components/sc/getFlareFeed';
 
 export default function Home() {
   return (
@@ -32,6 +33,8 @@ export default function Home() {
 
         <GetEventPrice />
 
+        <FlareFeed />
+
         <div className="flex gap-4 items-center flex-col sm:flex-row">
           <a
             className="rounded-full border border-solid border-transparent transition-colors flex items-center justify-center bg-foreground text-background gap-2 hover:bg-[#383838] dark:hover:bg-[#ccc] text-sm sm:text-base h-10 sm:h-12 px-4 sm:px-5"
diff --git a/components/sc/getEventImages.tsx b/components/sc/getEventImages.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/components/sc/getEventTickets.tsx b/components/sc/getEventTickets.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/components/sc/getFlareFeed.tsx b/components/sc/getFlareFeed.tsx
new file mode 100644
index 0000000..da3b935
--- /dev/null
+++ b/components/sc/getFlareFeed.tsx
@@ -0,0 +1,59 @@
+'use client';
+
+import React, { useState } from 'react';
+import { ethers } from 'ethers';
+import { getContract } from '@/lib/ethers'; // Adjust the path to your ethers helper
+
+const FlareFeed = () => {
+  const [feedValue, setFeedValue] = useState<string | null>(null);
+  const [decimals, setDecimals] = useState<number | null>(null);
+  const [timestamp, setTimestamp] = useState<string | null>(null);
+
+  const handleGetFeed = async () => {
+    try {
+      const contract = getContract();
+      const feedData = await contract.getFlareFeed();
+
+      // Assuming feedData[0] is BigNumber and needs conversion
+      const _feedValue = ethers.utils.formatEther(feedData[0].toString());
+
+      // feedData[1] and feedData[2] may be regular numbers (int8 and uint64), so no .toNumber() needed
+      const _decimals = feedData[1]; // No need to convert if it's already an integer
+      const _timestamp = new Date(feedData[2] * 1000).toLocaleString(); // Convert Unix timestamp to readable format
+
+      setFeedValue(_feedValue);
+      setDecimals(_decimals);
+      setTimestamp(_timestamp);
+    } catch (error) {
+      console.error('Error fetching Flare feed data:', error);
+    }
+  };
+
+  return (
+    <div className="p-4">
+      <h2>Flare Token Feed</h2>
+      <button
+        onClick={handleGetFeed}
+        className="bg-blue-500 text-white px-4 py-2 rounded mb-4"
+      >
+        Get Feed Data
+      </button>
+
+      {feedValue && (
+        <div className="mt-4">
+          <p>
+            <strong>Feed Value (FLR/USD):</strong> {feedValue}
+          </p>
+          <p>
+            <strong>Decimals:</strong> {decimals}
+          </p>
+          <p>
+            <strong>Timestamp:</strong> {timestamp}
+          </p>
+        </div>
+      )}
+    </div>
+  );
+};
+
+export default FlareFeed;
diff --git a/components/sc/transferTicketForce.tsx b/components/sc/transferTicketForce.tsx
deleted file mode 100644
index e69de29..0000000