use crate::components::bottom_panel::BottomPanel;
use crate::components::form_open_button::FormOpenButton;
use crate::components::sticky_bottom::StickyBottom;
use crate::models::project::Project;
use crate::models::task::Task;
use crate::route::Route;
use dioxus::core_macro::rsx;
use dioxus::dioxus_core::Element;
use dioxus::prelude::*;

#[component]
pub(crate) fn Main() -> Element {
    let mut display_form = use_signal(|| false);
    let project_being_edited =
        use_context_provider::<Signal<Option<Project>>>(|| Signal::new(None));
    let task_being_edited = use_context_provider::<Signal<Option<Task>>>(|| Signal::new(None));

    use_effect(move || {
        display_form.set(project_being_edited().is_some() || task_being_edited().is_some());
    });

    rsx! {
        SuspenseBoundary {
            fallback: |_| {
                rsx! {
                    div {
                        class: "grow flex flex-col justify-center items-center",
                        div {
                            i {
                                class: "text-3xl fa-solid fa-cog fa-spin"
                            }
                        }
                    }
                }
            },
            Outlet::<Route> {}
        }
        StickyBottom {
            FormOpenButton {
                opened: display_form,
            }
            BottomPanel {
                display_form: display_form,
            }
        }
    }
}