1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
|
#![expect(
unreachable_pub,
reason = "leptos' component macro generates this warning"
)]
#![expect(
clippy::must_use_candidate,
reason = "Can't add it to leptos' components"
)]
#![expect(
unused_extern_crates,
reason = "Deependency needed to inject the `js` feature into uuid"
)]
extern crate uuid;
// All of them are only used in the `main.rs` and not in the `lib.rs` part of this crate.
extern crate console_error_panic_hook;
extern crate console_log;
extern crate log;
mod api;
mod components;
mod pages;
use leptos::prelude::{AddAnyAttr, IntoView, component, provide_context, view};
use leptos_meta::{Html, Meta, Title, provide_meta_context};
use leptos_router::{
components::{Route, Router, Routes},
path,
};
use reactive_stores::Store;
use rocie_client::apis::configuration::Configuration;
use crate::{
components::{buy::Buy, inventory::Inventory},
pages::{home::Home, not_found::NotFound},
};
#[derive(Debug, Clone, Store)]
pub struct ConfigState {
config: Configuration,
}
#[component]
pub fn App() -> impl IntoView {
// Provides context that manages stylesheets, titles, meta tags, etc.
provide_meta_context();
let config = {
let mut config = Configuration::new();
config.user_agent = Some("rocie-mobile".to_owned());
"http://127.0.0.1:8080".clone_into(&mut config.base_path);
config
};
provide_context(Store::new(ConfigState { config }));
view! {
<Html attr:lang="en" attr:dir="ltr" attr:data-theme="light" />
<Title text="Rocie-mobile" />
<Meta charset="UTF-8" />
<Meta name="viewport" content="width=device-width, initial-scale=1.0" />
<Router>
<Routes fallback=|| view! { <NotFound /> }>
<Route
path=path!("/")
view=move || {
view! { <Home /> }
}
/>
<Route
path=path!("/inventory")
view=move || {
view! { <Inventory /> }
}
/>
<Route
path=path!("/buy")
view=move || {
view! { <Buy /> }
}
/>
</Routes>
</Router>
}
}
|
