From 3220e3b6c0a1d39b1c6c6b24431c85b3876173af Mon Sep 17 00:00:00 2001
From: Hristo Nedelkov <hristo.nedelkow@gmail.com>
Date: Wed, 27 Mar 2024 23:13:52 +0200
Subject: [PATCH] feat(validator info): create handlers for change of interval

---
 .../ValidatorBlueSection/ValidatorInfo.tsx          | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorInfo.tsx b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorInfo.tsx
index 088b309c..db694211 100644
--- a/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorInfo.tsx
+++ b/src/pages/ManageValidator/LeftManage/ValidatorBlueSection/ValidatorInfo.tsx
@@ -10,6 +10,17 @@ const ValidatorInfo = () => {
   const intervalsOfTime = ['Day', 'Week', 'Month', 'Year']
   const [currentInterval, setCurrentInterval] = useState(0)
 
+  const toggleIntervalChange = () => {
+    setCurrentInterval(
+      prevInterval => (prevInterval + 1) % intervalsOfTime.length,
+    )
+  }
+  const togglePreviousInterval = () => {
+    setCurrentInterval(
+      prevInterval => (prevInterval - 1 + intervalsOfTime.length) % intervalsOfTime.length,
+    )
+  }
+
   return (
     <XStack space={'$2'} justifyContent="space-between">
       <XStack space="$2">
@@ -55,11 +66,13 @@ const ValidatorInfo = () => {
             size={16}
             style={{ cursor: 'pointer' }}
             onClick={() => {
+              togglePreviousInterval()
             }}
           />
           <ChevronRightIcon
             size={16}
             onClick={() => {
+              toggleIntervalChange()
             }}
             style={{ cursor: 'pointer' }}
           />