Browse Source

Hello message

feature/reconnect-button
Daniel Karzel 3 years ago
parent
commit
fbdc6c5e77
No known key found for this signature in database GPG Key ID: 30C3FC2E438ADB6E
  1. 4
      Cargo.lock
  2. 1
      daemon/Cargo.toml
  3. 77
      daemon/src/connection.rs
  4. 2
      daemon/src/lib.rs
  5. 4
      daemon/src/maker_cfd.rs
  6. 52
      daemon/src/maker_inc_connections.rs
  7. 3
      daemon/src/taker_cfd.rs
  8. 39
      daemon/src/to_sse_event.rs
  9. 19
      daemon/src/wire.rs
  10. 2
      daemon/tests/happy_path.rs
  11. 7
      taker-frontend/src/App.tsx
  12. 8
      taker-frontend/src/components/History.tsx
  13. 18
      taker-frontend/src/components/NavBar.tsx
  14. 6
      taker-frontend/src/components/Trade.tsx
  15. 10
      taker-frontend/src/types.ts

4
Cargo.lock

@ -631,6 +631,7 @@ dependencies = [
"rust-embed", "rust-embed",
"rust_decimal", "rust_decimal",
"rust_decimal_macros", "rust_decimal_macros",
"semver 1.0.4",
"serde", "serde",
"serde_json", "serde_json",
"serde_plain", "serde_plain",
@ -2702,6 +2703,9 @@ name = "semver"
version = "1.0.4" version = "1.0.4"
source = "registry+https://github.com/rust-lang/crates.io-index" source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "568a8e6258aa33c13358f81fd834adb854c6f7c9468520910a9b1e8fac068012" checksum = "568a8e6258aa33c13358f81fd834adb854c6f7c9468520910a9b1e8fac068012"
dependencies = [
"serde",
]
[[package]] [[package]]
name = "semver-parser" name = "semver-parser"

1
daemon/Cargo.toml

@ -29,6 +29,7 @@ rocket-basicauth = { version = "2", default-features = false }
rust-embed = "6.3" rust-embed = "6.3"
rust_decimal = "1.18" rust_decimal = "1.18"
rust_decimal_macros = "1.18" rust_decimal_macros = "1.18"
semver = { version = "1.0.4", features = ["serde"] }
serde = { version = "1", features = ["derive"] } serde = { version = "1", features = ["derive"] }
serde_json = "1" serde_json = "1"
serde_plain = "1" serde_plain = "1"

77
daemon/src/connection.rs

@ -2,11 +2,11 @@ use crate::address_map::{AddressMap, Stopping};
use crate::model::cfd::OrderId; use crate::model::cfd::OrderId;
use crate::model::{Identity, Price, Timestamp, Usd}; use crate::model::{Identity, Price, Timestamp, Usd};
use crate::tokio_ext::FutureExt; use crate::tokio_ext::FutureExt;
use crate::wire::EncryptedJsonCodec; use crate::wire::{EncryptedJsonCodec, TakerToMaker, Version};
use crate::{collab_settlement_taker, log_error, noise, send_to_socket, setup_taker, wire, Tasks}; use crate::{collab_settlement_taker, log_error, noise, send_to_socket, setup_taker, wire, Tasks};
use anyhow::{Context, Result}; use anyhow::{bail, Context, Result};
use bdk::bitcoin::Amount; use bdk::bitcoin::Amount;
use futures::StreamExt; use futures::{SinkExt, StreamExt, TryStreamExt};
use std::collections::HashMap; use std::collections::HashMap;
use std::net::SocketAddr; use std::net::SocketAddr;
use std::sync::{Arc, Mutex}; use std::sync::{Arc, Mutex};
@ -55,7 +55,17 @@ struct MeasurePulse;
#[derive(Clone, Debug, PartialEq)] #[derive(Clone, Debug, PartialEq)]
pub enum ConnectionStatus { pub enum ConnectionStatus {
Online, Online,
Offline, Offline {
reason: Option<ConnectionCloseReason>,
},
}
#[derive(Clone, Debug, PartialEq)]
pub enum ConnectionCloseReason {
VersionMismatch {
taker_version: Version,
maker_version: Version,
},
} }
/// Message sent from the `setup_taker::Actor` to the /// Message sent from the `setup_taker::Actor` to the
@ -197,8 +207,51 @@ impl Actor {
(read, write, Arc::new(Mutex::new(noise))) (read, write, Arc::new(Mutex::new(noise)))
}; };
let read = FramedRead::new(read, wire::EncryptedJsonCodec::new(noise.clone())); let mut read = FramedRead::new(read, wire::EncryptedJsonCodec::new(noise.clone()));
let write = FramedWrite::new(write, EncryptedJsonCodec::new(noise)); let mut write = FramedWrite::new(write, EncryptedJsonCodec::new(noise));
let our_version = Version::current();
write.send(TakerToMaker::Hello(our_version.clone())).await?;
match read
.try_next()
.timeout(Duration::from_secs(10))
.await
.with_context(|| {
format!(
"Maker {} did not send Hello within 10 seconds, dropping connection",
maker_identity
)
})? {
Ok(Some(wire::MakerToTaker::Hello(maker_version))) => {
if our_version != maker_version {
self.status_sender
.send(ConnectionStatus::Offline {
reason: Some(ConnectionCloseReason::VersionMismatch {
taker_version: our_version.clone(),
maker_version: maker_version.clone(),
}),
})
.expect("receiver to outlive the actor");
bail!(
"Network version mismatch, we are on version {} but taker is on version {}",
our_version,
maker_version,
)
}
}
unexpected_message => {
bail!(
"Unexpected message {:?} from maker {}",
unexpected_message,
maker_identity
)
}
}
tracing::info!(address = %maker_addr, "Established connection to maker");
let this = ctx.address().expect("self to be alive"); let this = ctx.address().expect("self to be alive");
let send_to_socket = send_to_socket::Actor::new(write); let send_to_socket = send_to_socket::Actor::new(write);
@ -219,8 +272,6 @@ impl Actor {
.send(ConnectionStatus::Online) .send(ConnectionStatus::Online)
.expect("receiver to outlive the actor"); .expect("receiver to outlive the actor");
tracing::info!(address = %maker_addr, "Established connection to maker");
Ok(()) Ok(())
} }
@ -287,6 +338,9 @@ impl Actor {
tracing::warn!(%order_id, "No active collaborative settlement"); tracing::warn!(%order_id, "No active collaborative settlement");
} }
} }
wire::MakerToTaker::Hello(_) => {
tracing::warn!("Ignoring unexpected Hello message from maker. Hello is only expected when opening a new connection.")
}
other => { other => {
// this one should go to the taker cfd actor // this one should go to the taker cfd actor
log_error!(self.maker_to_taker.send(other)); log_error!(self.maker_to_taker.send(other));
@ -307,7 +361,7 @@ impl Actor {
if time_since_last_heartbeat > self.heartbeat_timeout { if time_since_last_heartbeat > self.heartbeat_timeout {
self.status_sender self.status_sender
.send(ConnectionStatus::Offline) .send(ConnectionStatus::Offline { reason: None })
.expect("watch receiver to outlive the actor"); .expect("watch receiver to outlive the actor");
self.connected_state = None; self.connected_state = None;
} }
@ -325,7 +379,8 @@ pub async fn connect(
maker_addresses: Vec<SocketAddr>, maker_addresses: Vec<SocketAddr>,
) { ) {
loop { loop {
if maker_online_status_feed_receiver.borrow().clone() == ConnectionStatus::Offline { let connection_status = maker_online_status_feed_receiver.borrow().clone();
if matches!(connection_status, ConnectionStatus::Offline { .. }) {
tracing::debug!("No connection to the maker"); tracing::debug!("No connection to the maker");
'connect: loop { 'connect: loop {
for address in &maker_addresses { for address in &maker_addresses {
@ -339,7 +394,7 @@ pub async fn connect(
.await .await
.expect("Taker actor to be present") .expect("Taker actor to be present")
{ {
tracing::trace!(%address, "Failed to establish connection: {:#}", e); tracing::warn!(%address, "Failed to establish connection: {:#}", e);
continue; continue;
} }
break 'connect; break 'connect;

2
daemon/src/lib.rs

@ -245,7 +245,7 @@ where
let cfds = load_all_cfds(&mut conn).await?; let cfds = load_all_cfds(&mut conn).await?;
let (maker_online_status_feed_sender, maker_online_status_feed_receiver) = let (maker_online_status_feed_sender, maker_online_status_feed_receiver) =
watch::channel(ConnectionStatus::Offline); watch::channel(ConnectionStatus::Offline { reason: None });
let (monitor_addr, mut monitor_ctx) = xtra::Context::new(None); let (monitor_addr, mut monitor_ctx) = xtra::Context::new(None);
let (oracle_addr, mut oracle_ctx) = xtra::Context::new(None); let (oracle_addr, mut oracle_ctx) = xtra::Context::new(None);

4
daemon/src/maker_cfd.rs

@ -13,6 +13,7 @@ use crate::projection::{
}; };
use crate::setup_contract::RolloverParams; use crate::setup_contract::RolloverParams;
use crate::tokio_ext::FutureExt; use crate::tokio_ext::FutureExt;
use crate::wire::TakerToMaker;
use crate::{ use crate::{
log_error, maker_inc_connections, monitor, oracle, projection, setup_contract, setup_maker, log_error, maker_inc_connections, monitor, oracle, projection, setup_contract, setup_maker,
wallet, wire, Tasks, wallet, wire, Tasks,
@ -1109,6 +1110,9 @@ where
wire::TakerToMaker::Protocol { .. } => { wire::TakerToMaker::Protocol { .. } => {
unreachable!("This kind of message should be sent to the `setup_maker::Actor`") unreachable!("This kind of message should be sent to the `setup_maker::Actor`")
} }
TakerToMaker::Hello(_) => {
unreachable!("The Hello message is not sent to the cfd actor")
}
} }
} }
} }

52
daemon/src/maker_inc_connections.rs

@ -3,10 +3,11 @@ use crate::maker_cfd::{FromTaker, TakerConnected, TakerDisconnected};
use crate::model::cfd::{Order, OrderId}; use crate::model::cfd::{Order, OrderId};
use crate::model::Identity; use crate::model::Identity;
use crate::noise::TransportStateExt; use crate::noise::TransportStateExt;
use crate::wire::EncryptedJsonCodec; use crate::tokio_ext::FutureExt;
use crate::wire::{EncryptedJsonCodec, MakerToTaker, TakerToMaker, Version};
use crate::{maker_cfd, noise, send_to_socket, setup_maker, wire, Tasks}; use crate::{maker_cfd, noise, send_to_socket, setup_maker, wire, Tasks};
use anyhow::Result; use anyhow::{bail, Context, Result};
use futures::TryStreamExt; use futures::{SinkExt, TryStreamExt};
use std::collections::HashMap; use std::collections::HashMap;
use std::io; use std::io;
use std::net::SocketAddr; use std::net::SocketAddr;
@ -117,19 +118,54 @@ impl Actor {
&mut self, &mut self,
mut stream: TcpStream, mut stream: TcpStream,
taker_address: SocketAddr, taker_address: SocketAddr,
ctx: &mut Context<Self>, ctx: &mut xtra::Context<Self>,
) -> Result<()> { ) -> Result<()> {
let transport_state = noise::responder_handshake(&mut stream, &self.noise_priv_key).await?; let transport_state = noise::responder_handshake(&mut stream, &self.noise_priv_key).await?;
let taker_id = Identity::new(transport_state.get_remote_public_key()?); let taker_id = Identity::new(transport_state.get_remote_public_key()?);
tracing::info!(%taker_id, address = %taker_address, "New taker connected");
let transport_state = Arc::new(Mutex::new(transport_state)); let transport_state = Arc::new(Mutex::new(transport_state));
let (read, write) = stream.into_split(); let (read, write) = stream.into_split();
let mut read = let mut read =
FramedRead::new(read, wire::EncryptedJsonCodec::new(transport_state.clone())); FramedRead::new(read, wire::EncryptedJsonCodec::new(transport_state.clone()));
let write = FramedWrite::new(write, EncryptedJsonCodec::new(transport_state)); let mut write = FramedWrite::new(write, EncryptedJsonCodec::new(transport_state));
match read
.try_next()
.timeout(Duration::from_secs(10))
.await
.with_context(|| {
format!(
"Taker {} did not send Hello within 10 seconds, dropping connection",
taker_id
)
})? {
Ok(Some(TakerToMaker::Hello(taker_version))) => {
let our_version = Version::current();
write.send(MakerToTaker::Hello(our_version.clone())).await?;
if our_version != taker_version {
tracing::debug!(
"Network version mismatch, we are on version {} but taker is on version {}",
our_version,
taker_version
);
// A taker running a different version is not treated as error for the maker
return Ok(());
}
}
unexpected_message => {
bail!(
"Unexpected message {:?} from taker {}",
unexpected_message,
taker_id
);
}
}
tracing::info!(%taker_id, address = %taker_address, "New taker connected");
let this = ctx.address().expect("self to be alive"); let this = ctx.address().expect("self to be alive");
let read_fut = async move { let read_fut = async move {
while let Ok(Some(msg)) = read.try_next().await { while let Ok(Some(msg)) = read.try_next().await {
@ -201,7 +237,7 @@ impl Actor {
Ok(()) Ok(())
} }
async fn handle(&mut self, msg: ListenerMessage, ctx: &mut Context<Self>) -> KeepRunning { async fn handle(&mut self, msg: ListenerMessage, ctx: &mut xtra::Context<Self>) -> KeepRunning {
match msg { match msg {
ListenerMessage::NewConnection { stream, address } => { ListenerMessage::NewConnection { stream, address } => {
if let Err(err) = self.handle_new_connection_impl(stream, address, ctx).await { if let Err(err) = self.handle_new_connection_impl(stream, address, ctx).await {

3
daemon/src/taker_cfd.rs

@ -663,6 +663,9 @@ where
wire::MakerToTaker::Settlement { .. } => { wire::MakerToTaker::Settlement { .. } => {
unreachable!("These messages should be sent to the `collab_settlement::Actor`") unreachable!("These messages should be sent to the `collab_settlement::Actor`")
} }
wire::MakerToTaker::Hello(_) => {
unreachable!("Connection related messages are handled in the connection actor")
}
} }
} }
} }

39
daemon/src/to_sse_event.rs

@ -1,7 +1,7 @@
use crate::connection::ConnectionStatus;
use crate::model;
use crate::model::Timestamp; use crate::model::Timestamp;
use crate::projection::{Cfd, CfdAction, CfdOrder, Identity, Quote}; use crate::projection::{Cfd, CfdAction, CfdOrder, Identity, Quote};
use crate::to_sse_event::ConnectionCloseReason::{MakerVersionOutdated, TakerVersionOutdated};
use crate::{connection, model};
use bdk::bitcoin::Amount; use bdk::bitcoin::Amount;
use rocket::request::FromParam; use rocket::request::FromParam;
use rocket::response::stream::Event; use rocket::response::stream::Event;
@ -58,11 +58,40 @@ impl ToSseEvent for model::WalletInfo {
} }
} }
impl ToSseEvent for ConnectionStatus { #[derive(Debug, Clone, Serialize)]
pub struct ConnectionStatus {
online: bool,
connection_close_reason: Option<ConnectionCloseReason>,
}
#[derive(Debug, Clone, Serialize)]
pub enum ConnectionCloseReason {
MakerVersionOutdated,
TakerVersionOutdated,
}
impl ToSseEvent for connection::ConnectionStatus {
fn to_sse_event(&self) -> Event { fn to_sse_event(&self) -> Event {
let connected = match self { let connected = match self {
ConnectionStatus::Online => true, connection::ConnectionStatus::Online => ConnectionStatus {
ConnectionStatus::Offline => false, online: true,
connection_close_reason: None,
},
connection::ConnectionStatus::Offline { reason } => ConnectionStatus {
online: false,
connection_close_reason: reason.as_ref().map(|g| match g {
connection::ConnectionCloseReason::VersionMismatch {
maker_version,
taker_version,
} => {
if *maker_version < *taker_version {
MakerVersionOutdated
} else {
TakerVersionOutdated
}
}
}),
},
}; };
Event::json(&connected).event("maker_status") Event::json(&connected).event("maker_status")

19
daemon/src/wire.rs

@ -18,6 +18,21 @@ use std::ops::RangeInclusive;
use std::sync::{Arc, Mutex}; use std::sync::{Arc, Mutex};
use tokio_util::codec::{Decoder, Encoder, LengthDelimitedCodec}; use tokio_util::codec::{Decoder, Encoder, LengthDelimitedCodec};
#[derive(Debug, Clone, Serialize, Deserialize, Eq, PartialEq, PartialOrd)]
pub struct Version(semver::Version);
impl Version {
pub fn current() -> Self {
Self(semver::Version::new(1, 0, 0))
}
}
impl fmt::Display for Version {
fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
self.0.fmt(f)
}
}
pub mod taker_to_maker { pub mod taker_to_maker {
use super::*; use super::*;
@ -43,6 +58,7 @@ pub mod taker_to_maker {
#[serde(tag = "type", content = "payload")] #[serde(tag = "type", content = "payload")]
#[allow(clippy::large_enum_variant)] #[allow(clippy::large_enum_variant)]
pub enum TakerToMaker { pub enum TakerToMaker {
Hello(Version),
TakeOrder { TakeOrder {
order_id: OrderId, order_id: OrderId,
quantity: Usd, quantity: Usd,
@ -70,6 +86,7 @@ impl fmt::Display for TakerToMaker {
TakerToMaker::ProposeRollOver { .. } => write!(f, "ProposeRollOver"), TakerToMaker::ProposeRollOver { .. } => write!(f, "ProposeRollOver"),
TakerToMaker::RollOverProtocol(_) => write!(f, "RollOverProtocol"), TakerToMaker::RollOverProtocol(_) => write!(f, "RollOverProtocol"),
TakerToMaker::Settlement { .. } => write!(f, "Settlement"), TakerToMaker::Settlement { .. } => write!(f, "Settlement"),
TakerToMaker::Hello(_) => write!(f, "Hello"),
} }
} }
} }
@ -78,6 +95,7 @@ impl fmt::Display for TakerToMaker {
#[serde(tag = "type", content = "payload")] #[serde(tag = "type", content = "payload")]
#[allow(clippy::large_enum_variant)] #[allow(clippy::large_enum_variant)]
pub enum MakerToTaker { pub enum MakerToTaker {
Hello(Version),
/// Periodically broadcasted message, indicating maker's presence /// Periodically broadcasted message, indicating maker's presence
Heartbeat, Heartbeat,
CurrentOrder(Option<Order>), CurrentOrder(Option<Order>),
@ -114,6 +132,7 @@ pub mod maker_to_taker {
impl fmt::Display for MakerToTaker { impl fmt::Display for MakerToTaker {
fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result { fn fmt(&self, f: &mut fmt::Formatter<'_>) -> fmt::Result {
match self { match self {
MakerToTaker::Hello(_) => write!(f, "Hello"),
MakerToTaker::Heartbeat { .. } => write!(f, "Heartbeat"), MakerToTaker::Heartbeat { .. } => write!(f, "Heartbeat"),
MakerToTaker::CurrentOrder(_) => write!(f, "CurrentOrder"), MakerToTaker::CurrentOrder(_) => write!(f, "CurrentOrder"),
MakerToTaker::ConfirmOrder(_) => write!(f, "ConfirmOrder"), MakerToTaker::ConfirmOrder(_) => write!(f, "ConfirmOrder"),

2
daemon/tests/happy_path.rs

@ -189,7 +189,7 @@ async fn taker_notices_lack_of_maker() {
sleep(taker_config.heartbeat_timeout).await; sleep(taker_config.heartbeat_timeout).await;
assert_eq!( assert_eq!(
ConnectionStatus::Offline, ConnectionStatus::Offline { reason: None },
next(taker.maker_status_feed()).await.unwrap(), next(taker.maker_status_feed()).await.unwrap(),
); );

7
taker-frontend/src/App.tsx

@ -25,6 +25,7 @@ import {
BXBTData, BXBTData,
Cfd, Cfd,
CfdOrderRequestPayload, CfdOrderRequestPayload,
ConnectionStatus,
intoCfd, intoCfd,
intoOrder, intoOrder,
MarginRequestPayload, MarginRequestPayload,
@ -63,8 +64,8 @@ export const App = () => {
const cfdsOrUndefined = useLatestEvent<Cfd[]>(source, "cfds", intoCfd); const cfdsOrUndefined = useLatestEvent<Cfd[]>(source, "cfds", intoCfd);
let cfds = cfdsOrUndefined ? cfdsOrUndefined! : []; let cfds = cfdsOrUndefined ? cfdsOrUndefined! : [];
cfds.sort((a, b) => a.order_id.localeCompare(b.order_id)); cfds.sort((a, b) => a.order_id.localeCompare(b.order_id));
const connectedToMakerOrUndefined = useLatestEvent<boolean>(source, "maker_status"); const connectedToMakerOrUndefined = useLatestEvent<ConnectionStatus>(source, "maker_status");
const connectedToMaker = connectedToMakerOrUndefined ? connectedToMakerOrUndefined! : false; const connectedToMaker = connectedToMakerOrUndefined ? connectedToMakerOrUndefined : { online: false };
let [quantity, setQuantity] = useState("0"); let [quantity, setQuantity] = useState("0");
let [margin, setMargin] = useState(0); let [margin, setMargin] = useState(0);
@ -154,7 +155,7 @@ export const App = () => {
cfds={cfds.filter((cfd) => cfds={cfds.filter((cfd) =>
cfd.state.getGroup() === StateGroupKey.CLOSED cfd.state.getGroup() === StateGroupKey.CLOSED
)} )}
connectedToMaker connectedToMaker={connectedToMaker}
/> />
</AccordionPanel> </AccordionPanel>
</AccordionItem> </AccordionItem>

8
taker-frontend/src/components/History.tsx

@ -18,14 +18,14 @@ import {
VStack, VStack,
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import * as React from "react"; import * as React from "react";
import { Cfd, Tx, TxLabel } from "../types"; import { Cfd, ConnectionStatus, Tx, TxLabel } from "../types";
import usePostRequest from "../usePostRequest"; import usePostRequest from "../usePostRequest";
import CloseButton from "./CloseButton"; import CloseButton from "./CloseButton";
interface HistoryProps { interface HistoryProps {
cfds: Cfd[]; cfds: Cfd[];
title?: string; title?: string;
connectedToMaker: Boolean; connectedToMaker: ConnectionStatus;
} }
const History = ({ cfds, title, connectedToMaker }: HistoryProps) => { const History = ({ cfds, title, connectedToMaker }: HistoryProps) => {
@ -51,7 +51,7 @@ export default History;
interface CfdDetailsProps { interface CfdDetailsProps {
cfd: Cfd; cfd: Cfd;
connectedToMaker: Boolean; connectedToMaker: ConnectionStatus;
} }
const CfdDetails = ({ cfd, connectedToMaker }: CfdDetailsProps) => { const CfdDetails = ({ cfd, connectedToMaker }: CfdDetailsProps) => {
@ -74,7 +74,7 @@ const CfdDetails = ({ cfd, connectedToMaker }: CfdDetailsProps) => {
let [settle, isSettling] = usePostRequest(`/api/cfd/${cfd.order_id}/settle`); let [settle, isSettling] = usePostRequest(`/api/cfd/${cfd.order_id}/settle`);
let [commit, isCommiting] = usePostRequest(`/api/cfd/${cfd.order_id}/commit`); let [commit, isCommiting] = usePostRequest(`/api/cfd/${cfd.order_id}/commit`);
const closeButton = connectedToMaker const closeButton = connectedToMaker.online
? <CloseButton request={settle} status={isSettling} cfd={cfd} action="Close" /> ? <CloseButton request={settle} status={isSettling} cfd={cfd} action="Close" />
: <CloseButton request={commit} status={isCommiting} cfd={cfd} action="Force Close" />; : <CloseButton request={commit} status={isCommiting} cfd={cfd} action="Force Close" />;

18
taker-frontend/src/components/NavBar.tsx

@ -17,11 +17,11 @@ import * as React from "react";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import logoBlack from "../images/logo_nav_bar_black.svg"; import logoBlack from "../images/logo_nav_bar_black.svg";
import logoWhite from "../images/logo_nav_bar_white.svg"; import logoWhite from "../images/logo_nav_bar_white.svg";
import { WalletInfo } from "../types"; import { ConnectionCloseReason, ConnectionStatus, WalletInfo } from "../types";
interface NavProps { interface NavProps {
walletInfo: WalletInfo | null; walletInfo: WalletInfo | null;
connectedToMaker: boolean; connectedToMaker: ConnectionStatus;
} }
export default function Nav({ walletInfo, connectedToMaker }: NavProps) { export default function Nav({ walletInfo, connectedToMaker }: NavProps) {
@ -38,6 +38,18 @@ export default function Nav({ walletInfo, connectedToMaker }: NavProps) {
<SunIcon />, <SunIcon />,
); );
let connectionMessage = connectedToMaker.online ? "Online" : "Offline";
if (connectedToMaker.connection_close_reason) {
switch (connectedToMaker.connection_close_reason) {
case ConnectionCloseReason.MAKER_VERSION_OUTDATED:
connectionMessage = connectionMessage + ": the maker is running an outdated version";
break;
case ConnectionCloseReason.TAKER_VERSION_OUTDATED:
connectionMessage = connectionMessage + " - you are running an incompatible version, please upgrade!";
break;
}
}
return ( return (
<> <>
<Box bg={useColorModeValue("gray.100", "gray.900")} px={4}> <Box bg={useColorModeValue("gray.100", "gray.900")} px={4}>
@ -56,7 +68,7 @@ export default function Nav({ walletInfo, connectedToMaker }: NavProps) {
<MenuItem onClick={() => navigate("/wallet")}>Wallet</MenuItem> <MenuItem onClick={() => navigate("/wallet")}>Wallet</MenuItem>
</MenuList> </MenuList>
</Menu> </Menu>
<Heading size={"sm"}>{"Maker status: " + (connectedToMaker ? "Online" : "Offline")}</Heading> <Heading size={"sm"}>{"Maker status: " + connectionMessage}</Heading>
<Flex alignItems={"center"}> <Flex alignItems={"center"}>
<Stack direction={"row"} spacing={7}> <Stack direction={"row"} spacing={7}>
<Button onClick={toggleColorMode} bg={"transparent"}> <Button onClick={toggleColorMode} bg={"transparent"}>

6
taker-frontend/src/components/Trade.tsx

@ -47,12 +47,12 @@ import {
} from "@chakra-ui/react"; } from "@chakra-ui/react";
import { motion } from "framer-motion"; import { motion } from "framer-motion";
import * as React from "react"; import * as React from "react";
import { CfdOrderRequestPayload } from "../types"; import { CfdOrderRequestPayload, ConnectionStatus } from "../types";
const MotionBox = motion<BoxProps>(Box); const MotionBox = motion<BoxProps>(Box);
interface TradeProps { interface TradeProps {
connectedToMaker: boolean; connectedToMaker: ConnectionStatus;
orderId?: string; orderId?: string;
minQuantity: number; minQuantity: number;
maxQuantity: number; maxQuantity: number;
@ -120,7 +120,7 @@ export default function Trade({
let alertBox; let alertBox;
if (!connectedToMaker) { if (!connectedToMaker.online) {
alertBox = <AlertBox alertBox = <AlertBox
title={"No maker!"} title={"No maker!"}
description={"You are not connected to any maker. Functionality may be limited"} description={"You are not connected to any maker. Functionality may be limited"}

10
taker-frontend/src/types.ts

@ -277,3 +277,13 @@ export interface WithdrawRequest {
amount?: number; amount?: number;
fee: number; fee: number;
} }
export interface ConnectionStatus {
online: boolean;
connection_close_reason?: ConnectionCloseReason;
}
export const enum ConnectionCloseReason {
MAKER_VERSION_OUTDATED = "MakerVersionOutdated",
TAKER_VERSION_OUTDATED = "TakerVersionOutdated",
}

Loading…
Cancel
Save