From 97fc242e696548e37ea1f5cd05ac68bbbb9a2b66 Mon Sep 17 00:00:00 2001
From: Aliu Salaudeen <ayokunumi99@gmail.com>
Date: Tue, 9 Apr 2024 16:54:02 +0100
Subject: [PATCH 1/8] done updating cmc-token-details api

---
 src/app/dashboard/page.tsx            | 15 ++++++++-------
 src/components/dashboard/IQButton.tsx |  5 +++--
 src/pages/api/cmc-token-details.ts    |  2 +-
 src/services/iqPrice/index.ts         | 10 +++++-----
 src/utils/dashboard-utils.ts          | 10 +++++-----
 5 files changed, 22 insertions(+), 20 deletions(-)

diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 65e7b62c..681b32d7 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -68,7 +68,7 @@ const Home: NextPage = () => {
     startDate: stakeStartDate,
     endDate: stakeEndDate,
   })
-  const stakeGraphData = stakeData?.map((dt) => ({
+  const stakeGraphData = stakeData?.map(dt => ({
     amt: parseFloat(dt.amount),
     name: new Date(dt.created).toISOString().slice(0, 10),
   }))
@@ -106,7 +106,7 @@ const Home: NextPage = () => {
     startDate,
     endDate,
   })
-  const treasuryGraphData = treasuryData?.map((dt) => ({
+  const treasuryGraphData = treasuryData?.map(dt => ({
     amt: parseFloat(dt.totalValue),
     name: new Date(dt.created).toISOString().slice(0, 10),
   }))
@@ -162,7 +162,8 @@ const Home: NextPage = () => {
         })
       })
 
-      Promise.resolve(IQTokenData).then((data) => {
+      Promise.resolve(IQTokenData).then(data => {
+        console.log({ data })
         setMarketData(data)
       })
     }
@@ -229,7 +230,7 @@ const Home: NextPage = () => {
               graphTitle="IQ Price"
               height={120}
             >
-              {GRAPH_PERIODS.map((btn) => {
+              {GRAPH_PERIODS.map(btn => {
                 return (
                   <GraphPeriodButton
                     key={btn.period}
@@ -249,7 +250,7 @@ const Home: NextPage = () => {
               graphTitle="IQ Staked Over Time"
               height={200}
             >
-              {CUSTOM_GRAPH_PERIODS.map((btn) => {
+              {CUSTOM_GRAPH_PERIODS.map(btn => {
                 return (
                   <GraphPeriodButton
                     key={btn.period}
@@ -308,7 +309,7 @@ const Home: NextPage = () => {
               />
               <Box mt={{ lg: '2', '2xl': '-11' }}>
                 <Flex w="full" direction="column" gap={{ base: 2, md: 4 }}>
-                  {holders.map((item) => (
+                  {holders.map(item => (
                     <HStack w="full" key={item.name}>
                       <Square
                         bg={
@@ -352,7 +353,7 @@ const Home: NextPage = () => {
               height={200}
               isTreasuryPage
             >
-              {CUSTOM_GRAPH_PERIODS.map((btn) => {
+              {CUSTOM_GRAPH_PERIODS.map(btn => {
                 return (
                   <GraphPeriodButton
                     key={btn.period}
diff --git a/src/components/dashboard/IQButton.tsx b/src/components/dashboard/IQButton.tsx
index 399a6ddf..9322b1e6 100644
--- a/src/components/dashboard/IQButton.tsx
+++ b/src/components/dashboard/IQButton.tsx
@@ -7,8 +7,9 @@ import { useGetIqPriceQuery } from '@/services/iqPrice'
 
 export const IQButton = (props: ButtonProps) => {
   const SIG_FIGS = 4
-  const { data, isLoading, error } = useGetIqPriceQuery()
-  const iqPrice = data?.response
+  const { data, isLoading, error } = useGetIqPriceQuery('IQ')
+  console.log(data)
+  const iqPrice = 0.00123
   return (
     <>
       <Button
diff --git a/src/pages/api/cmc-token-details.ts b/src/pages/api/cmc-token-details.ts
index 559dd7fa..0d0ade87 100644
--- a/src/pages/api/cmc-token-details.ts
+++ b/src/pages/api/cmc-token-details.ts
@@ -15,7 +15,7 @@ export default async function handler(
   try {
     const { tokenName } = req.query
     const response = await axios.get(
-      `https://pro-api.coinmarketcap.com/v1/cryptocurrency/quotes/latest?symbol=${tokenName}`,
+      `https://pro-api.coinmarketcap.com/v2/cryptocurrency/quotes/latest?symbol=${tokenName}`,
       {
         headers: {
           'X-CMC_PRO_API_KEY': config.cmcApiKey as string,
diff --git a/src/services/iqPrice/index.ts b/src/services/iqPrice/index.ts
index a632ea3a..4629b257 100644
--- a/src/services/iqPrice/index.ts
+++ b/src/services/iqPrice/index.ts
@@ -10,20 +10,20 @@ export const iqPriceApi = createApi({
     return null
   },
   baseQuery: fetchBaseQuery({
-    baseUrl: '/api/iq-price',
+    baseUrl: '/api/cmc-token-details',
   }),
   refetchOnMountOrArgChange: 60,
   refetchOnFocus: true,
-  endpoints: (builder) => ({
+  endpoints: builder => ({
     getIqPrice: builder.query<
       {
-        response?: number
+        response?: any
         status: boolean
         message: string
       },
-      void
+      string
     >({
-      query: () => '',
+      query: (tokenName: string) => `?tokenName=${tokenName}`,
     }),
   }),
 })
diff --git a/src/utils/dashboard-utils.ts b/src/utils/dashboard-utils.ts
index a8905333..c7f6058b 100644
--- a/src/utils/dashboard-utils.ts
+++ b/src/utils/dashboard-utils.ts
@@ -7,11 +7,11 @@ export const numFormatter = Intl.NumberFormat('en', {
 export const fetchPrices = async () => {
   const graphDays = [1, 7, 30, 365]
   const urls = graphDays.map(
-    (d) =>
+    d =>
       `https://api.coingecko.com/api/v3/coins/everipedia/market_chart?vs_currency=usd&days=${d}`,
   )
 
-  const priceData = urls.map(async (url) => {
+  const priceData = urls.map(async url => {
     const preFetchData = await fetch(url)
     return preFetchData.json()
   })
@@ -27,7 +27,7 @@ export const fetchTokenData = async (symbol: string) => {
     })
     const response = res.data
     const { data } = response.response
-    const tokenDetails = data[symbol]
+    const tokenDetails = data[symbol][0]
 
     if (!tokenDetails) {
       throw new Error(`No data found for symbol ${symbol}`)
@@ -59,7 +59,7 @@ export const fetchTokenData = async (symbol: string) => {
 }
 
 export const sanitizePrices = (prices: number[][]) => {
-  return prices.map((priceArr) => {
+  return prices.map(priceArr => {
     return {
       name: priceArr[0],
       amt: priceArr[1],
@@ -117,7 +117,7 @@ export const transformHiIQHolderData = (
   data: { amount: number; day: string }[] | undefined,
 ) => {
   return data
-    ?.map((el) => ({
+    ?.map(el => ({
       name: el.day.slice(0, 10),
       amt: el.amount,
     }))

From 1f53505b6c10e9c370bea428b3fc6f2af1e2fdc5 Mon Sep 17 00:00:00 2001
From: Aliu Salaudeen <ayokunumi99@gmail.com>
Date: Wed, 10 Apr 2024 07:16:03 +0100
Subject: [PATCH 2/8] done resolving IQ button price

---
 src/app/dashboard/page.tsx            | 14 +++++++-------
 src/components/dashboard/IQButton.tsx |  4 ++--
 src/services/iqPrice/index.ts         |  2 +-
 src/utils/dashboard-utils.ts          |  8 ++++----
 4 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 681b32d7..2dd8171f 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -68,7 +68,7 @@ const Home: NextPage = () => {
     startDate: stakeStartDate,
     endDate: stakeEndDate,
   })
-  const stakeGraphData = stakeData?.map(dt => ({
+  const stakeGraphData = stakeData?.map((dt) => ({
     amt: parseFloat(dt.amount),
     name: new Date(dt.created).toISOString().slice(0, 10),
   }))
@@ -106,7 +106,7 @@ const Home: NextPage = () => {
     startDate,
     endDate,
   })
-  const treasuryGraphData = treasuryData?.map(dt => ({
+  const treasuryGraphData = treasuryData?.map((dt) => ({
     amt: parseFloat(dt.totalValue),
     name: new Date(dt.created).toISOString().slice(0, 10),
   }))
@@ -162,7 +162,7 @@ const Home: NextPage = () => {
         })
       })
 
-      Promise.resolve(IQTokenData).then(data => {
+      Promise.resolve(IQTokenData).then((data) => {
         console.log({ data })
         setMarketData(data)
       })
@@ -230,7 +230,7 @@ const Home: NextPage = () => {
               graphTitle="IQ Price"
               height={120}
             >
-              {GRAPH_PERIODS.map(btn => {
+              {GRAPH_PERIODS.map((btn) => {
                 return (
                   <GraphPeriodButton
                     key={btn.period}
@@ -250,7 +250,7 @@ const Home: NextPage = () => {
               graphTitle="IQ Staked Over Time"
               height={200}
             >
-              {CUSTOM_GRAPH_PERIODS.map(btn => {
+              {CUSTOM_GRAPH_PERIODS.map((btn) => {
                 return (
                   <GraphPeriodButton
                     key={btn.period}
@@ -309,7 +309,7 @@ const Home: NextPage = () => {
               />
               <Box mt={{ lg: '2', '2xl': '-11' }}>
                 <Flex w="full" direction="column" gap={{ base: 2, md: 4 }}>
-                  {holders.map(item => (
+                  {holders.map((item) => (
                     <HStack w="full" key={item.name}>
                       <Square
                         bg={
@@ -353,7 +353,7 @@ const Home: NextPage = () => {
               height={200}
               isTreasuryPage
             >
-              {CUSTOM_GRAPH_PERIODS.map(btn => {
+              {CUSTOM_GRAPH_PERIODS.map((btn) => {
                 return (
                   <GraphPeriodButton
                     key={btn.period}
diff --git a/src/components/dashboard/IQButton.tsx b/src/components/dashboard/IQButton.tsx
index 9322b1e6..f3bb297f 100644
--- a/src/components/dashboard/IQButton.tsx
+++ b/src/components/dashboard/IQButton.tsx
@@ -8,8 +8,8 @@ import { useGetIqPriceQuery } from '@/services/iqPrice'
 export const IQButton = (props: ButtonProps) => {
   const SIG_FIGS = 4
   const { data, isLoading, error } = useGetIqPriceQuery('IQ')
-  console.log(data)
-  const iqPrice = 0.00123
+
+  const iqPrice = data?.response?.data?.IQ[0]?.quote?.USD?.price
   return (
     <>
       <Button
diff --git a/src/services/iqPrice/index.ts b/src/services/iqPrice/index.ts
index 4629b257..3aa3e31c 100644
--- a/src/services/iqPrice/index.ts
+++ b/src/services/iqPrice/index.ts
@@ -14,7 +14,7 @@ export const iqPriceApi = createApi({
   }),
   refetchOnMountOrArgChange: 60,
   refetchOnFocus: true,
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getIqPrice: builder.query<
       {
         response?: any
diff --git a/src/utils/dashboard-utils.ts b/src/utils/dashboard-utils.ts
index c7f6058b..0558c484 100644
--- a/src/utils/dashboard-utils.ts
+++ b/src/utils/dashboard-utils.ts
@@ -7,11 +7,11 @@ export const numFormatter = Intl.NumberFormat('en', {
 export const fetchPrices = async () => {
   const graphDays = [1, 7, 30, 365]
   const urls = graphDays.map(
-    d =>
+    (d) =>
       `https://api.coingecko.com/api/v3/coins/everipedia/market_chart?vs_currency=usd&days=${d}`,
   )
 
-  const priceData = urls.map(async url => {
+  const priceData = urls.map(async (url) => {
     const preFetchData = await fetch(url)
     return preFetchData.json()
   })
@@ -59,7 +59,7 @@ export const fetchTokenData = async (symbol: string) => {
 }
 
 export const sanitizePrices = (prices: number[][]) => {
-  return prices.map(priceArr => {
+  return prices.map((priceArr) => {
     return {
       name: priceArr[0],
       amt: priceArr[1],
@@ -117,7 +117,7 @@ export const transformHiIQHolderData = (
   data: { amount: number; day: string }[] | undefined,
 ) => {
   return data
-    ?.map(el => ({
+    ?.map((el) => ({
       name: el.day.slice(0, 10),
       amt: el.amount,
     }))

From 31a0316808b90468b759015ad1c89f492c9ae18d Mon Sep 17 00:00:00 2001
From: Aliu Salaudeen <ayokunumi99@gmail.com>
Date: Thu, 11 Apr 2024 07:00:55 +0100
Subject: [PATCH 3/8] done with refactoring iqprice fetch

---
 src/pages/api/cmc-token-details.ts |  2 +-
 src/services/iqPrice/index.ts      |  4 +++-
 src/utils/dashboard-utils.ts       | 22 +++++++++++++---------
 3 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/src/pages/api/cmc-token-details.ts b/src/pages/api/cmc-token-details.ts
index 0d0ade87..01cfbc61 100644
--- a/src/pages/api/cmc-token-details.ts
+++ b/src/pages/api/cmc-token-details.ts
@@ -2,7 +2,7 @@ import config from '@/config'
 import type { NextApiRequest, NextApiResponse } from 'next'
 import axios from 'axios'
 
-type ResponseData = {
+export type ResponseData = {
   status: boolean
   message: string
   response?: any
diff --git a/src/services/iqPrice/index.ts b/src/services/iqPrice/index.ts
index 3aa3e31c..63fea727 100644
--- a/src/services/iqPrice/index.ts
+++ b/src/services/iqPrice/index.ts
@@ -14,7 +14,7 @@ export const iqPriceApi = createApi({
   }),
   refetchOnMountOrArgChange: 60,
   refetchOnFocus: true,
-  endpoints: (builder) => ({
+  endpoints: builder => ({
     getIqPrice: builder.query<
       {
         response?: any
@@ -28,3 +28,5 @@ export const iqPriceApi = createApi({
   }),
 })
 export const { useGetIqPriceQuery } = iqPriceApi
+
+export const { getIqPrice } = iqPriceApi.endpoints
diff --git a/src/utils/dashboard-utils.ts b/src/utils/dashboard-utils.ts
index 0558c484..b3eff8c7 100644
--- a/src/utils/dashboard-utils.ts
+++ b/src/utils/dashboard-utils.ts
@@ -1,4 +1,5 @@
-import axios from 'axios'
+import { getIqPrice } from '@/services/iqPrice'
+import { store } from '@/store/store'
 
 export const numFormatter = Intl.NumberFormat('en', {
   notation: 'compact',
@@ -7,11 +8,11 @@ export const numFormatter = Intl.NumberFormat('en', {
 export const fetchPrices = async () => {
   const graphDays = [1, 7, 30, 365]
   const urls = graphDays.map(
-    (d) =>
+    d =>
       `https://api.coingecko.com/api/v3/coins/everipedia/market_chart?vs_currency=usd&days=${d}`,
   )
 
-  const priceData = urls.map(async (url) => {
+  const priceData = urls.map(async url => {
     const preFetchData = await fetch(url)
     return preFetchData.json()
   })
@@ -22,10 +23,13 @@ export const fetchPrices = async () => {
 
 export const fetchTokenData = async (symbol: string) => {
   try {
-    const res = await axios.get('/api/cmc-token-details', {
-      params: { tokenName: symbol },
-    })
+    const res = await store.dispatch(getIqPrice.initiate('IQ'))
+
     const response = res.data
+    if (!response) {
+      throw new Error('Error fetching data')
+    }
+
     const { data } = response.response
     const tokenDetails = data[symbol][0]
 
@@ -53,13 +57,13 @@ export const fetchTokenData = async (symbol: string) => {
       percent_change_1y,
     }
   } catch (error) {
-    console.error('Error fetching data:', error)
+    console.error(error)
     return null
   }
 }
 
 export const sanitizePrices = (prices: number[][]) => {
-  return prices.map((priceArr) => {
+  return prices.map(priceArr => {
     return {
       name: priceArr[0],
       amt: priceArr[1],
@@ -117,7 +121,7 @@ export const transformHiIQHolderData = (
   data: { amount: number; day: string }[] | undefined,
 ) => {
   return data
-    ?.map((el) => ({
+    ?.map(el => ({
       name: el.day.slice(0, 10),
       amt: el.amount,
     }))

From ebae351296cb9271de5a910a3bf198778598f5a5 Mon Sep 17 00:00:00 2001
From: Aliu Salaudeen <ayokunumi99@gmail.com>
Date: Thu, 11 Apr 2024 07:05:36 +0100
Subject: [PATCH 4/8] lint formating

---
 src/services/iqPrice/index.ts | 2 +-
 src/utils/dashboard-utils.ts  | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/services/iqPrice/index.ts b/src/services/iqPrice/index.ts
index 63fea727..df2bc492 100644
--- a/src/services/iqPrice/index.ts
+++ b/src/services/iqPrice/index.ts
@@ -14,7 +14,7 @@ export const iqPriceApi = createApi({
   }),
   refetchOnMountOrArgChange: 60,
   refetchOnFocus: true,
-  endpoints: builder => ({
+  endpoints: (builder) => ({
     getIqPrice: builder.query<
       {
         response?: any
diff --git a/src/utils/dashboard-utils.ts b/src/utils/dashboard-utils.ts
index b3eff8c7..4f36d347 100644
--- a/src/utils/dashboard-utils.ts
+++ b/src/utils/dashboard-utils.ts
@@ -8,11 +8,11 @@ export const numFormatter = Intl.NumberFormat('en', {
 export const fetchPrices = async () => {
   const graphDays = [1, 7, 30, 365]
   const urls = graphDays.map(
-    d =>
+    (d) =>
       `https://api.coingecko.com/api/v3/coins/everipedia/market_chart?vs_currency=usd&days=${d}`,
   )
 
-  const priceData = urls.map(async url => {
+  const priceData = urls.map(async (url) => {
     const preFetchData = await fetch(url)
     return preFetchData.json()
   })
@@ -63,7 +63,7 @@ export const fetchTokenData = async (symbol: string) => {
 }
 
 export const sanitizePrices = (prices: number[][]) => {
-  return prices.map(priceArr => {
+  return prices.map((priceArr) => {
     return {
       name: priceArr[0],
       amt: priceArr[1],
@@ -121,7 +121,7 @@ export const transformHiIQHolderData = (
   data: { amount: number; day: string }[] | undefined,
 ) => {
   return data
-    ?.map(el => ({
+    ?.map((el) => ({
       name: el.day.slice(0, 10),
       amt: el.amount,
     }))

From 2c3cb68268e7c993173abf456cff8e1a20dce02f Mon Sep 17 00:00:00 2001
From: Aliu Salaudeen <ayokunumi99@gmail.com>
Date: Thu, 11 Apr 2024 09:15:04 +0100
Subject: [PATCH 5/8] resolving build error

---
 src/components/bridge/originInfo.tsx  | 4 ++--
 src/components/dashboard/IQButton.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/bridge/originInfo.tsx b/src/components/bridge/originInfo.tsx
index 5ed9055a..89b226d2 100644
--- a/src/components/bridge/originInfo.tsx
+++ b/src/components/bridge/originInfo.tsx
@@ -21,8 +21,8 @@ const OriginInfo = ({
   setTokenInputAmount,
   getSpecificBalance,
 }: OriginInfoType) => {
-  const { data } = useGetIqPriceQuery()
-  const exchangeRate = data?.response || 0.0
+  const { data } = useGetIqPriceQuery('IQ')
+  const exchangeRate = data?.response?.data?.IQ[0]?.quote?.USD?.price || 0.0
 
   return (
     <Flex p="3" pr="5" rounded="lg" border="solid 1px" borderColor="divider">
diff --git a/src/components/dashboard/IQButton.tsx b/src/components/dashboard/IQButton.tsx
index f3bb297f..1cc66ebc 100644
--- a/src/components/dashboard/IQButton.tsx
+++ b/src/components/dashboard/IQButton.tsx
@@ -9,7 +9,7 @@ export const IQButton = (props: ButtonProps) => {
   const SIG_FIGS = 4
   const { data, isLoading, error } = useGetIqPriceQuery('IQ')
 
-  const iqPrice = data?.response?.data?.IQ[0]?.quote?.USD?.price
+  const iqPrice = data?.response?.data?.IQ[0]?.quote?.USD?.price || 0.0
   return (
     <>
       <Button

From 2883f78289723375fd90e4edb7b447cae8a86838 Mon Sep 17 00:00:00 2001
From: Aliu Salaudeen <ayokunumi99@gmail.com>
Date: Thu, 11 Apr 2024 09:31:00 +0100
Subject: [PATCH 6/8] updating all hook occurence

---
 src/components/client/BridgePage.tsx            | 4 ++--
 src/components/client/StakePage.tsx             | 4 ++--
 src/components/dashboard/TreasuryGraphTable.tsx | 4 ++--
 src/components/lock/LockOverview.tsx            | 4 ++--
 src/components/lock/LockedDetails.tsx           | 4 ++--
 src/components/wallet/use-hiiiq-balance.ts      | 6 ++++--
 6 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/components/client/BridgePage.tsx b/src/components/client/BridgePage.tsx
index 7cfd4156..f8484f85 100644
--- a/src/components/client/BridgePage.tsx
+++ b/src/components/client/BridgePage.tsx
@@ -55,8 +55,8 @@ const BridgePage = () => {
   const { switchNetwork, isSuccess } = useSwitchNetwork()
   const { chain } = useNetwork()
   const chainId = parseInt(config.chainId)
-  const { data } = useGetIqPriceQuery()
-  const exchangeRate = data?.response || 0.0
+  const { data } = useGetIqPriceQuery('IQ')
+  const exchangeRate = data?.response?.data?.IQ[0]?.quote?.USD?.price || 0.0
   const inputRef = useRef<HTMLInputElement>(null)
   const {
     iqBalanceOnEth,
diff --git a/src/components/client/StakePage.tsx b/src/components/client/StakePage.tsx
index 7dc44aae..e95569b7 100644
--- a/src/components/client/StakePage.tsx
+++ b/src/components/client/StakePage.tsx
@@ -53,8 +53,8 @@ const StakePage = () => {
   const { chain } = useNetwork()
   const chainId = parseInt(config.chainId)
   const { switchNetwork, isSuccess } = useSwitchNetwork()
-  const { data: iqData } = useGetIqPriceQuery()
-  const exchangeRate = iqData?.response || 0.0
+  const { data: iqData } = useGetIqPriceQuery('IQ')
+  const exchangeRate = iqData?.response?.data?.IQ[0]?.quote?.USD?.price || 0.0
   const resetValues = () => {
     setIsProcessingUnlock(false)
     setTrxHash(undefined)
diff --git a/src/components/dashboard/TreasuryGraphTable.tsx b/src/components/dashboard/TreasuryGraphTable.tsx
index 4f33cbea..8f073ff6 100644
--- a/src/components/dashboard/TreasuryGraphTable.tsx
+++ b/src/components/dashboard/TreasuryGraphTable.tsx
@@ -39,8 +39,8 @@ export const TreasuryGraphTable = ({
   const { userTotalIQLocked, totalHiiqSupply } = useLockOverview(
     config.treasuryHiIQAddress,
   )
-  const { data } = useGetIqPriceQuery()
-  const rate = data?.response || 0.0
+  const { data } = useGetIqPriceQuery('IQ')
+  const rate = data?.response?.data?.IQ[0]?.quote?.USD?.price || 0.0
   const [tokenData, setTokenData] = useState<TreasuryTokenType[]>([])
   const [tokenDataToShow, setTokenDataToShow] = useState<TreasuryTokenType[]>(
     [],
diff --git a/src/components/lock/LockOverview.tsx b/src/components/lock/LockOverview.tsx
index 7f4a02e9..672d6810 100644
--- a/src/components/lock/LockOverview.tsx
+++ b/src/components/lock/LockOverview.tsx
@@ -17,8 +17,8 @@ const LockOverview = () => {
   const { tvl } = useErc20()
   const [holders, setHolders] = useState(0)
   const [averageLockTime, setAverageLockTime] = useState(0)
-  const { data } = useGetIqPriceQuery()
-  const rate = data?.response || 0.0
+  const { data } = useGetIqPriceQuery('IQ')
+  const rate = data?.response?.data?.IQ[0]?.quote?.USD?.price || 0.0
 
   useEffect(() => {
     const getHiIQHolders = async () => {
diff --git a/src/components/lock/LockedDetails.tsx b/src/components/lock/LockedDetails.tsx
index 7264a990..d0e7a48b 100644
--- a/src/components/lock/LockedDetails.tsx
+++ b/src/components/lock/LockedDetails.tsx
@@ -51,8 +51,8 @@ const LockedDetails = ({
   const [trxHash, setTrxHash] = useState()
   const { data } = useWaitForTransaction({ hash: trxHash })
   const { isConnected, address } = useAccount()
-  const { data: iqData } = useGetIqPriceQuery()
-  const price = iqData?.response || 0.0
+  const { data: iqData } = useGetIqPriceQuery('IQ')
+  const price = iqData?.response?.data?.IQ[0]?.quote?.USD?.price || 0.0
   const { showToast } = useReusableToast()
 
   useEffect(() => {
diff --git a/src/components/wallet/use-hiiiq-balance.ts b/src/components/wallet/use-hiiiq-balance.ts
index 98e34989..c3675451 100644
--- a/src/components/wallet/use-hiiiq-balance.ts
+++ b/src/components/wallet/use-hiiiq-balance.ts
@@ -53,7 +53,7 @@ export const useHiIQBalance = (address: string | undefined | null) => {
     functionName: 'locked',
     args: [address as `0x${string}`],
   })
-  const { data } = useGetIqPriceQuery()
+  const { data } = useGetIqPriceQuery('IQ')
 
   useEffect(() => {
     const getBalance = async () => {
@@ -66,7 +66,9 @@ export const useHiIQBalance = (address: string | undefined | null) => {
         iqLocked: Number(formatUnits(locked[0], 18)),
         end: new Date(Number(locked[1]) * 1000),
       }
-      const coinGeckoIqPrice = data?.response ? +data?.response : 0
+      const coinGeckoIqPrice = data?.response
+        ? +data?.response?.data?.IQ[0]?.quote?.USD?.price
+        : 0
       updateHiIQDetails({
         hiiqBalance,
         iqBalance: lockInfo.iqLocked,

From b00cdfa9192f692f0355fdd8ff6524fc6f49538f Mon Sep 17 00:00:00 2001
From: Aliu Salaudeen <ayokunumi99@gmail.com>
Date: Thu, 11 Apr 2024 12:09:07 +0100
Subject: [PATCH 7/8] done resolving NaN of swap total amount

---
 src/app/dashboard/page.tsx           | 15 +++++++--------
 src/components/bridge/originInfo.tsx |  4 ++--
 src/components/client/BridgePage.tsx | 14 +++++++-------
 3 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 2dd8171f..0d9279d1 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -68,7 +68,7 @@ const Home: NextPage = () => {
     startDate: stakeStartDate,
     endDate: stakeEndDate,
   })
-  const stakeGraphData = stakeData?.map((dt) => ({
+  const stakeGraphData = stakeData?.map(dt => ({
     amt: parseFloat(dt.amount),
     name: new Date(dt.created).toISOString().slice(0, 10),
   }))
@@ -106,7 +106,7 @@ const Home: NextPage = () => {
     startDate,
     endDate,
   })
-  const treasuryGraphData = treasuryData?.map((dt) => ({
+  const treasuryGraphData = treasuryData?.map(dt => ({
     amt: parseFloat(dt.totalValue),
     name: new Date(dt.created).toISOString().slice(0, 10),
   }))
@@ -162,8 +162,7 @@ const Home: NextPage = () => {
         })
       })
 
-      Promise.resolve(IQTokenData).then((data) => {
-        console.log({ data })
+      Promise.resolve(IQTokenData).then(data => {
         setMarketData(data)
       })
     }
@@ -230,7 +229,7 @@ const Home: NextPage = () => {
               graphTitle="IQ Price"
               height={120}
             >
-              {GRAPH_PERIODS.map((btn) => {
+              {GRAPH_PERIODS.map(btn => {
                 return (
                   <GraphPeriodButton
                     key={btn.period}
@@ -250,7 +249,7 @@ const Home: NextPage = () => {
               graphTitle="IQ Staked Over Time"
               height={200}
             >
-              {CUSTOM_GRAPH_PERIODS.map((btn) => {
+              {CUSTOM_GRAPH_PERIODS.map(btn => {
                 return (
                   <GraphPeriodButton
                     key={btn.period}
@@ -309,7 +308,7 @@ const Home: NextPage = () => {
               />
               <Box mt={{ lg: '2', '2xl': '-11' }}>
                 <Flex w="full" direction="column" gap={{ base: 2, md: 4 }}>
-                  {holders.map((item) => (
+                  {holders.map(item => (
                     <HStack w="full" key={item.name}>
                       <Square
                         bg={
@@ -353,7 +352,7 @@ const Home: NextPage = () => {
               height={200}
               isTreasuryPage
             >
-              {CUSTOM_GRAPH_PERIODS.map((btn) => {
+              {CUSTOM_GRAPH_PERIODS.map(btn => {
                 return (
                   <GraphPeriodButton
                     key={btn.period}
diff --git a/src/components/bridge/originInfo.tsx b/src/components/bridge/originInfo.tsx
index 89b226d2..1642de3e 100644
--- a/src/components/bridge/originInfo.tsx
+++ b/src/components/bridge/originInfo.tsx
@@ -22,7 +22,7 @@ const OriginInfo = ({
   getSpecificBalance,
 }: OriginInfoType) => {
   const { data } = useGetIqPriceQuery('IQ')
-  const exchangeRate = data?.response?.data?.IQ[0]?.quote?.USD?.price || 0.0
+  const exchangeRate = +data?.response?.data?.IQ[0]?.quote?.USD?.price || 0.0
 
   return (
     <Flex p="3" pr="5" rounded="lg" border="solid 1px" borderColor="divider">
@@ -33,7 +33,7 @@ const OriginInfo = ({
         <Flex gap="1" align="center">
           <Input
             variant="unstyled"
-            onChange={(e) => String(setTokenInputAmount(e.target.value))}
+            onChange={e => String(setTokenInputAmount(e.target.value))}
             placeholder="00.00"
             value={tokenInputAmount}
             color="fadedText4"
diff --git a/src/components/client/BridgePage.tsx b/src/components/client/BridgePage.tsx
index f8484f85..fb680f4f 100644
--- a/src/components/client/BridgePage.tsx
+++ b/src/components/client/BridgePage.tsx
@@ -42,7 +42,7 @@ const BridgePage = () => {
   const { accountName = '' } = activeUser ?? {}
   const [selectedToken, setSelectedToken] = useState(TOKENS[0])
   const [selectedTokenIcon, setSelectedTokenIcon] = useState(<IQEosLogo />)
-  const [tokenInputAmount, setTokenInputAmount] = useState<string>()
+  const [tokenInputAmount, setTokenInputAmount] = useState<string>('0')
   const [inputAddress, setInputAddress] = useState<string>()
   const [inputAccount, setInputAccount] = useState<string>(
     activeUser ? accountName : '',
@@ -141,7 +141,7 @@ const BridgePage = () => {
   }
 
   const getSpecificBalance = (id: TokenId) => {
-    if (id) return parseInt(balances.find((b) => b.id === id)?.balance || '')
+    if (id) return parseInt(balances.find(b => b.id === id)?.balance || '')
 
     return 0
   }
@@ -260,8 +260,8 @@ const BridgePage = () => {
 
   useEffect(() => {
     if (pIQBalance)
-      setBalances((currentBalances) =>
-        currentBalances.map((b) => {
+      setBalances(currentBalances =>
+        currentBalances.map(b => {
           if (b.id === TokenId.PIQ) b.balance = pIQBalance
 
           return b
@@ -271,8 +271,8 @@ const BridgePage = () => {
 
   useEffect(() => {
     if (iqBalanceOnEth)
-      setBalances((currentBalances) =>
-        currentBalances.map((b) => {
+      setBalances(currentBalances =>
+        currentBalances.map(b => {
           if (b.id === TokenId.IQ) b.balance = iqBalanceOnEth
 
           return b
@@ -285,7 +285,7 @@ const BridgePage = () => {
       const balance = await getUserTokenBalance(authContext)
       if (balance)
         setBalances(
-          balances.map((b) => {
+          balances.map(b => {
             if (b.id === TokenId.EOS)
               b.balance = balance.toString().replace(' IQ', '')
             return b

From 256c52392203f33bab1cd3d307c5bef9f867f913 Mon Sep 17 00:00:00 2001
From: Aliu Salaudeen <ayokunumi99@gmail.com>
Date: Thu, 11 Apr 2024 12:09:33 +0100
Subject: [PATCH 8/8] lint formating

---
 src/app/dashboard/page.tsx           | 14 +++++++-------
 src/components/bridge/originInfo.tsx |  2 +-
 src/components/client/BridgePage.tsx | 12 ++++++------
 3 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index 0d9279d1..65e7b62c 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -68,7 +68,7 @@ const Home: NextPage = () => {
     startDate: stakeStartDate,
     endDate: stakeEndDate,
   })
-  const stakeGraphData = stakeData?.map(dt => ({
+  const stakeGraphData = stakeData?.map((dt) => ({
     amt: parseFloat(dt.amount),
     name: new Date(dt.created).toISOString().slice(0, 10),
   }))
@@ -106,7 +106,7 @@ const Home: NextPage = () => {
     startDate,
     endDate,
   })
-  const treasuryGraphData = treasuryData?.map(dt => ({
+  const treasuryGraphData = treasuryData?.map((dt) => ({
     amt: parseFloat(dt.totalValue),
     name: new Date(dt.created).toISOString().slice(0, 10),
   }))
@@ -162,7 +162,7 @@ const Home: NextPage = () => {
         })
       })
 
-      Promise.resolve(IQTokenData).then(data => {
+      Promise.resolve(IQTokenData).then((data) => {
         setMarketData(data)
       })
     }
@@ -229,7 +229,7 @@ const Home: NextPage = () => {
               graphTitle="IQ Price"
               height={120}
             >
-              {GRAPH_PERIODS.map(btn => {
+              {GRAPH_PERIODS.map((btn) => {
                 return (
                   <GraphPeriodButton
                     key={btn.period}
@@ -249,7 +249,7 @@ const Home: NextPage = () => {
               graphTitle="IQ Staked Over Time"
               height={200}
             >
-              {CUSTOM_GRAPH_PERIODS.map(btn => {
+              {CUSTOM_GRAPH_PERIODS.map((btn) => {
                 return (
                   <GraphPeriodButton
                     key={btn.period}
@@ -308,7 +308,7 @@ const Home: NextPage = () => {
               />
               <Box mt={{ lg: '2', '2xl': '-11' }}>
                 <Flex w="full" direction="column" gap={{ base: 2, md: 4 }}>
-                  {holders.map(item => (
+                  {holders.map((item) => (
                     <HStack w="full" key={item.name}>
                       <Square
                         bg={
@@ -352,7 +352,7 @@ const Home: NextPage = () => {
               height={200}
               isTreasuryPage
             >
-              {CUSTOM_GRAPH_PERIODS.map(btn => {
+              {CUSTOM_GRAPH_PERIODS.map((btn) => {
                 return (
                   <GraphPeriodButton
                     key={btn.period}
diff --git a/src/components/bridge/originInfo.tsx b/src/components/bridge/originInfo.tsx
index 1642de3e..70efa7f4 100644
--- a/src/components/bridge/originInfo.tsx
+++ b/src/components/bridge/originInfo.tsx
@@ -33,7 +33,7 @@ const OriginInfo = ({
         <Flex gap="1" align="center">
           <Input
             variant="unstyled"
-            onChange={e => String(setTokenInputAmount(e.target.value))}
+            onChange={(e) => String(setTokenInputAmount(e.target.value))}
             placeholder="00.00"
             value={tokenInputAmount}
             color="fadedText4"
diff --git a/src/components/client/BridgePage.tsx b/src/components/client/BridgePage.tsx
index fb680f4f..99a442df 100644
--- a/src/components/client/BridgePage.tsx
+++ b/src/components/client/BridgePage.tsx
@@ -141,7 +141,7 @@ const BridgePage = () => {
   }
 
   const getSpecificBalance = (id: TokenId) => {
-    if (id) return parseInt(balances.find(b => b.id === id)?.balance || '')
+    if (id) return parseInt(balances.find((b) => b.id === id)?.balance || '')
 
     return 0
   }
@@ -260,8 +260,8 @@ const BridgePage = () => {
 
   useEffect(() => {
     if (pIQBalance)
-      setBalances(currentBalances =>
-        currentBalances.map(b => {
+      setBalances((currentBalances) =>
+        currentBalances.map((b) => {
           if (b.id === TokenId.PIQ) b.balance = pIQBalance
 
           return b
@@ -271,8 +271,8 @@ const BridgePage = () => {
 
   useEffect(() => {
     if (iqBalanceOnEth)
-      setBalances(currentBalances =>
-        currentBalances.map(b => {
+      setBalances((currentBalances) =>
+        currentBalances.map((b) => {
           if (b.id === TokenId.IQ) b.balance = iqBalanceOnEth
 
           return b
@@ -285,7 +285,7 @@ const BridgePage = () => {
       const balance = await getUserTokenBalance(authContext)
       if (balance)
         setBalances(
-          balances.map(b => {
+          balances.map((b) => {
             if (b.id === TokenId.EOS)
               b.balance = balance.toString().replace(' IQ', '')
             return b