websrc/components/App.tsx

@@ -81,7 +81,7 @@ class App extends Component<{}, AppState> {
 
                 <Navbar bg="light" expand="lg" className="border-bottom">
                     <Navbar.Brand href="#" className={"mr-auto"}>Rustico - BfxBot</Navbar.Brand>
-                    <CurrencyDropdown active_pair={"BTC/USD"} pairs={["BTC/USD", "XMR/USD"]}/>
+                    <CurrencyDropdown active_pair={{base: "BTC", quote: "USD"}} pairs={[{base: "XMR", quote: "USD"}]}/>
                 </Navbar>
 
                 <Container fluid className="mt-2 border flex-fill d-flex">

websrc/types.ts

@@ -32,3 +32,8 @@ export type PositionCloseMessage = {
     position_id: number,
 }
 
+export type CurrencyPair = {
+    base: string,
+    quote: string
+}
+