use crate::navbar::Navbar;
use crate::pages::{profile::Profile, settings::Settings};
use yew::prelude::*;
use yew_router::prelude::*;

#[derive(Clone, Routable, PartialEq)]
pub enum Route {
    #[at("/")]
    Profile,
    #[at("/settings")]
    Settings,
    #[not_found]
    #[at("/404")]
    NotFound,
}

fn switch(routes: Route) -> Html {
    match routes {
        Route::Settings => html! { <Settings/> },
        Route::Profile => html! { <Profile/> },
        Route::NotFound => html! { <h1 class="status-msg">{ "404 - Not Found" }</h1> },
    }
}

#[function_component(App)]
pub fn app() -> Html {
    html! {
        <BrowserRouter>
            <div class="feed-container">
                <Switch<Route> render={switch} />
            </div>
            <Navbar />
        </BrowserRouter>
    }
}