Tahinli/radioxide
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: ✨ coin flip

Browse source 
feat: ✨ button trigger
This commit is contained in:
Ahmet Kaan GÜMÜŞ 2024-03-09 03:35:17 +03:00
parent 75cf0be90d
commit aeafc3cf4e
3 changed files with 82 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

98
front/src/main.rs
View file

@ -20,37 +20,13 @@ async fn server_status_check() ->Result<ServerStatus, reqwest::Error> {
Ok(reqwest::get(SERVER_ADDRESS).await.unwrap().json::<ServerStatus>().await.unwrap())
}
async fn coin_status_check() -> Result<CoinStatus, reqwest::Error> {
Ok(reqwest::get(SERVER_ADDRESS).await.unwrap().json::<CoinStatus>().await.unwrap())
Ok(reqwest::get(format!("{}{}", SERVER_ADDRESS, "/coin")).await.unwrap().json::<CoinStatus>().await.unwrap())
}
fn app() -> Element {
let server_status = use_resource(move || server_status_check());
match &*server_status.value().read() {
Some(Ok(server_status)) => {
rsx! {
{ page_base() }
h5 {
ShowServerStatus { server_status: server_status.clone() }
}
}
}
Some(Err(_)) => {
rsx! {
{ page_base() }
div {
"A"
}
}
}
None => {
rsx! {
{ page_base() }
h5 {
"Server Status: Dead"
}
}
}
rsx! {
{ page_base() }
{ coin_status_renderer() }
{ server_status_renderer() }
}
}
@ -63,19 +39,71 @@ fn page_base() ->Element {
div {
class: "flex items-center",
span {
button {
"style":"width: 70px; height: 40px;",
"Coin Flip"
}
}
span { " " },
span { }
}
}
}
}
fn server_status_renderer() -> Element {
let server_status = use_resource(move || server_status_check());
match &*server_status.value().read() {
Some(Ok(server_status)) => {
rsx! {
h5 {
ShowServerStatus { server_status: server_status.clone() }
}
}
}
Some(Err(err_val)) => {
rsx! {
h5 {
"Server Status: "
{ err_val.to_string() }
}
}
}
None => {
rsx! {
h5 {
"Server Status: Dead"
}
}
}
}
}
fn coin_status_renderer() -> Element {
let mut coin_response = use_resource(move || coin_status_check());
match &*coin_response.value().read() {
Some(Ok(coin_status)) => {
rsx! {
button {
onclick: move |_| coin_response.restart(),
"style":"width: 70px; height: 40px;",
"Coin Flip"
}
ShowCoinStatus{ coin_status: coin_status.clone() }
}
}
Some(Err(err_val)) => {
rsx! {
div {
"Coin Status: "
{ err_val.to_string() }
}
}
}
None => {
rsx! {
div {
"Coin Status: None"
}
}
}
}
}
#[component]
fn ShowServerStatus(server_status: ServerStatus) -> Element {
rsx! {