diff --git a/websrc/components/App.tsx b/websrc/components/App.tsx index 2111b4a..26601b6 100644 --- a/websrc/components/App.tsx +++ b/websrc/components/App.tsx @@ -4,7 +4,10 @@ import {CurrencyPair, FirstConnectMessage, NewEventMessage, NewTickMessage, Posi import {socket} from "../index"; import {symbolToPair} from "../utils"; import {Helmet} from "react-helmet"; -import {Navbar, Sidebar} from "./Navbars"; +import {Navbar} from "./Navbars"; +import {SidebarCard} from "./HCard"; +import {ClockIcon, DollarIcon} from "./Icons"; +import RPlot from "./RPlot"; type AppState = { current_price: number, @@ -79,238 +82,31 @@ class App extends Component<{}, AppState> { Rustico - {String(this.state.active_pair.base) + "/" + String(this.state.active_pair.quote)} {String(this.state.current_price)} -
- -
-
- {/* */} - {/*
*/} - {/* */} - {/* /!* Card list container *!/*/} - {/* */} - {/* /!*Header*!/*/} - {/* nearby jobs*/} - {/* */} - {/* */} +
+
+ +
+
+ } title={""} + content={"$" + this.state.current_price.toFixed(2).toString()}/> + } title={""} + content={this.state.current_tick.toString()}/> +
- {/*
*/} - {/* */} +
+
+ +
+
- {/*
    */} - - {/*
  • */} - - {/* */} - - {/* */} - {/* */} - - {/* english lesson*/} - - {/*
    */} - {/* */} - {/* */} - {/* */} - {/* 4.2 mi*/} - {/*
    */} - - {/*
*/} - - {/* */} - {/* */} - {/* Lorem ipsum, dolor sit amet consectetur*/} - {/* adipisicing elit. Explicabo assumenda porro*/} - {/* sapiente, cum nobis tempore delectus*/} - {/* consectetur ullam reprehenderit quis ducimus,*/} - {/* iusto dolor nam corporis id perspiciatis*/} - {/* consequuntur saepe excepturi.*/} - {/*

*/} - - {/*
*/} - {/* */} - - {/*
*/} - {/* */} - {/* */} - {/* */} - {/* Regina C.*/} - {/* */} - {/* via HeyTutor*/} - {/* */} - {/*
*/} - - {/* */} - {/* 14 hours ago*/} - {/*

*/} - - {/*
*/} - - {/* */} - {/* */} - {/*
  • */} - - {/* */} - - {/* */} - {/* */} - - {/* english lesson*/} - - {/*
    */} - {/* */} - {/* */} - {/* */} - {/* 4.2 mi*/} - {/*
    */} - - {/*
  • */} - - {/* */} - {/* */} - {/* Lorem ipsum, dolor sit amet consectetur*/} - {/* adipisicing elit. Explicabo assumenda porro*/} - {/* sapiente, cum nobis tempore delectus*/} - {/* consectetur ullam reprehenderit quis ducimus,*/} - {/* iusto dolor nam corporis id perspiciatis*/} - {/* consequuntur saepe excepturi.*/} - {/*

    */} - - {/*
    */} - {/* */} - - {/*
    */} - {/* */} - {/* */} - {/* */} - {/* Regina C.*/} - {/* */} - {/* via HeyTutor*/} - {/* */} - {/*
    */} - - {/* */} - {/* 14 hours ago*/} - {/*

    */} - - {/*
    */} - - {/* */} - {/* */} - {/* */} - - {/* */} - {/* see all*/} - {/* */} - - {/*
    */} - - {/*
    */} - - {/* */} - - {/* */} - {/* */} - {/* scheduled lessons*/} - {/* */} - {/* */} - - {/*
    */} - {/* */} - - {/* Your schedule is empty*/} - - {/* */} - {/* Make your first appointment*/} - {/* */} - - {/* */} - - {/*
    */} - {/*
    */} - - {/* */} - - {/* */} - - + + + )