Frontend: Setup skeleton route support

We now have the / and /search/ route boilerplate. This will allow us to
switch to the /search/ route when searching.

1 files changed, 34 insertions, 1 deletions

diff --git a/frontend/src/main.rs b/frontend/src/main.rs
index fd19fb4..95b52e5 100644
--- a/frontend/src/main.rs
+++ b/frontend/src/main.rs
@@ -1,6 +1,39 @@
 mod app;
 
-use app::App;
+use yew::prelude::*;
+use yew_router::prelude::*;
+use app::OSSE;
+
+
+#[derive(Clone, Routable, PartialEq)]
+enum Route {
+    #[at("/")]
+    OSSEHome,
+    #[at("/search/:query")]
+    OSSESearch { query: String },
+}
+
+fn switch_routes(routes: &Route) -> Html {
+    match routes {
+        Route::OSSEHome => html! {
+            <OSSE api_endpoint={"http://127.0.0.1:4444"}/>
+        },
+        Route::OSSESearch { query } => html! {
+            <OSSE api_endpoint={"http://127.0.0.1:4444"}/>
+        },
+    }
+}
+
+#[function_component(App)]
+fn yew_app() -> Html {
+    html! {
+        <>
+            <BrowserRouter>
+                <Switch<Route> render={Switch::render(switch_routes)} />
+            </BrowserRouter>
+        </>
+    }
+}
 
 fn main() {
     yew::start_app::<App>();