BlakeRain/blakerain.com
1
0
Fork 0
Code Issues Pull Requests Actions Activity

Initial rebuild of position size calculator #37

Merged
BlakeRain merged 12 commits from trading-tools into main 2023-09-25 16:48:37 +00:00
Conversation 0 Commits 12 Files Changed 22 +29 -17
1 changed files with 29 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit e622f47db9 - Show all commits

46
src/pages/trading/position_size.rs
View File

@ -17,6 +17,8 @@ use crate::{
number::{format_number, Number}, number::{format_number, Number},
toggle::Toggle, toggle::Toggle,
}, },
seo::WebPageSeo,
title::Title,
}, },
model::{ model::{
currency::{get_exchange_rates, Currency}, currency::{get_exchange_rates, Currency},
@ -28,6 +30,7 @@ use crate::{
}, },
}, },
}, },
pages::Route,
}; };
type AccountHandle = UseReducerHandle<Account>; type AccountHandle = UseReducerHandle<Account>;
@ -1341,23 +1344,32 @@ fn position_provider(props: &PositionProviderProps) -> Html {
#[function_component(Page)] #[function_component(Page)]
pub fn page() -> Html { pub fn page() -> Html {
html! { html! {
<AccountProvider> <>
<PositionProvider> <Title title={"Position Size Calculator"} />
<ClientOnly> <WebPageSeo
<div class="container mx-auto my-8"> route={Route::PositionSize}
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8"> title={"Position Size Calculator"}
<AccountInfo /> excerpt={Some("A tool to help you calculate the size of a position given account risk limits")}
<PositionInfo /> index={true}
follow={true} />
<AccountProvider>
<PositionProvider>
<ClientOnly>
<div class="container mx-auto my-8">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<AccountInfo />
<PositionInfo />
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8">
<ReportPositionSize />
<ReportStopLoss />
<ReportTakeProfit />
<ReportPlannedStopLoss />
</div>
</div> </div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8"> </ClientOnly>
<ReportPositionSize /> </PositionProvider>
<ReportStopLoss /> </AccountProvider>
<ReportTakeProfit /> </>
<ReportPlannedStopLoss />
</div>
</div>
</ClientOnly>
</PositionProvider>
</AccountProvider>
} }
} }