From 6fd9f76de674ce47a1a1a7bd7079c1bd12c7a1af Mon Sep 17 00:00:00 2001
From: Tiago Silva <tfn.da.silva@gmail.com>
Date: Mon, 29 Jan 2024 23:51:47 +0000
Subject: [PATCH] Add token and strategy type selector to simulator page

---
 src/pages/simulator/index.tsx | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/src/pages/simulator/index.tsx b/src/pages/simulator/index.tsx
index 93b1bc531..034194b5b 100644
--- a/src/pages/simulator/index.tsx
+++ b/src/pages/simulator/index.tsx
@@ -1,6 +1,8 @@
 import { Link } from '@tanstack/react-router';
 import { Button } from 'components/common/button';
 import { Page } from 'components/common/page';
+import { SimulatorStrategyType } from 'components/simulator/SimulatorStrategyType';
+import { SimulatorTokenSelection } from 'components/simulator/SimulatorTokenSelection';
 import { useModal } from 'hooks/useModal';
 import { SimulatorSearch } from 'libs/routing';
 import { Token } from 'libs/tokens';
@@ -23,12 +25,26 @@ export const SimulatorPage = () => {
   const { openModal } = useModal();
   const [baseToken, setBaseToken] = useState<Token>();
   const [quoteToken, setQuoteToken] = useState<Token>();
+  const [strategyType, setStrategyType] = useState<string>();
 
   const [params, setParams] = useState(defaultParams);
 
   return (
     <Page title="Simulator Input">
       <div className={'space-y-10'}>
+        <SimulatorTokenSelection
+          base={baseToken}
+          quote={quoteToken}
+          setBaseToken={setBaseToken}
+          setQuoteToken={setQuoteToken}
+          params={params}
+          setParams={setParams}
+        />
+        <SimulatorStrategyType
+          strategyType={strategyType}
+          setStrategyType={setStrategyType}
+        />
+
         <div className={'flex space-x-20'}>
           <Button
             className={'w-[200px]'}