refresh method is part of the configuration setup

dimitardanailov · May 30, 2024 · 980149a · 980149a
1 parent a3e6a87
commit 980149a
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 8 deletions.
diff --git a/apps/website/src/app/demos/dashboard-trade/Components/PageHeaderContainer.tsx b/apps/website/src/app/demos/dashboard-trade/Components/PageHeaderContainer.tsx
@@ -1,9 +1,16 @@
 'use client'
 
+import {Dispatch, FC, SetStateAction} from 'react'
+
 import styled from 'styled-components'
 
 import BasicButton from '@/styled-components/Buttons/BasicButton'
 
+import {CoingeckoSimplePriceResponse} from '@/types/coingecko/simplePrices'
+
+import getPrices from '../utils/getPrices'
+import {getCoingeckoRequestParams} from '../db'
+
 const Wrapper = styled.div`
   position: relative;
 
@@ -20,10 +27,25 @@ const StyledButton = styled(BasicButton)`
   margin-left: auto;
 `
 
-const PageHeaderContainer = () => {
+export interface Props {
+  setPrices: Dispatch<SetStateAction<CoingeckoSimplePriceResponse[]>>
+}
+
+const PageHeaderContainer: FC<Props> = ({setPrices}) => {
+  const onClickHandler = () => {
+    getPrices(getCoingeckoRequestParams()).then(prices => {
+      setPrices(prices)
+    })
+  }
+
   return (
     <Wrapper>
-      <StyledButton type="button" fontSize="1.2rem" padding="1rem 2rem">
+      <StyledButton
+        type="button"
+        fontSize="1.2rem"
+        padding="1rem 2rem"
+        onClick={onClickHandler}
+      >
         Refresh
       </StyledButton>
     </Wrapper>

diff --git a/apps/website/src/app/demos/dashboard-trade/Content.tsx b/apps/website/src/app/demos/dashboard-trade/Content.tsx
@@ -7,10 +7,6 @@ import Collapse from '@mui/material/Collapse'
 
 import styled from 'styled-components'
 
-import {CoingeckoSimplePriceResponse} from '@/types/coingecko/simplePrices'
-
-import {getCoingeckoRequestParams} from './db'
-import getPrices from './utils/getPrices'
 import {handlerSortPrices} from './ui'
 import {useCryptoCurrencyList, usePriceListNotifacationHook} from './hooks'
 
@@ -27,7 +23,7 @@ const CustomAlert = styled(Alert)`
 `
 
 const Content = () => {
-  const {prices} = useCryptoCurrencyList()
+  const {prices, setPrices} = useCryptoCurrencyList()
 
   const [priceListNotifacationIsVisible, setPriceListNotifacationIsVisible] =
     useState(false)
@@ -47,7 +43,7 @@ const Content = () => {
 
   return (
     <>
-      <PageHeaderContainer />
+      <PageHeaderContainer setPrices={setPrices} />
       <Collapse in={priceListNotifacationIsVisible}>
         <CustomAlert severity="success">Alert</CustomAlert>
       </Collapse>