| 12 Jan 2024 |
 dementeddddd | i dont have that commented now | 21:07:13 |
| dementeddddd | its cuz i dont have ModalProvider implemented anywhere i think | 21:07:35 |
 kirillsemyonkin | yeah i think you did a <ContextProvider> directly in app | 21:07:53 |
| dementeddddd | yes i did | 21:08:00 |
| dementeddddd | and inside it i put ItemsList | 21:08:29 |
| kirillsemyonkin | my ModalProvider component was supposed to just replace that by bringing all the related logic and state into a small simple component | 21:08:32 |
| dementeddddd | u mean i was supposed to place ContextProvider into ModalProvider | 21:08:48 |
| dementeddddd | #[function_component]
pub fn ModalProvider(ChildrenProps { children }: &ChildrenProps) -> Html {
let modal_content = use_state(|| html! {});
let visible = use_state(|| false);
html! {
<>
if *visible {
<div class="modal-content">
{ (*modal_content).clone() } // render some modal content
</div>
}
{ (*children).clone() } // just pass through
</>
}
}
| 21:08:59 |
| dementeddddd | this is my ModalProvider | 21:09:02 |
| dementeddddd | rn | 21:09:07 |
| kirillsemyonkin | yes | 21:09:13 |
| dementeddddd | so was i supposed to use use_modal in there | 21:09:22 |
| kirillsemyonkin | let context = ...; and ContextProvider | 21:09:26 |
| kirillsemyonkin | use_modal is for the children | 21:09:31 |
| dementeddddd | ok but | 21:09:56 |
| dementeddddd | if i do that | 21:10:22 |
| dementeddddd | then ItemsList wont have the context to call use_modal | 21:10:31 |
| dementeddddd | and what do i do with this code if i move visible and modal_content to create context
if *visible {
<div class="modal-content">
{ (*modal_content).clone() } // render some modal content
</div>
}
{ (*children).clone() } // just pass through
| 21:11:00 |
| kirillsemyonkin | you would do <ModalProvider><ItemsList /></ModalProvider> though? | 21:11:06 |
| dementeddddd | hmm alright | 21:11:25 |
| dementeddddd | ig that makes sense | 21:11:32 |
| dementeddddd | will probably make more sense later | 21:11:39 |
| dementeddddd | what about this | 21:11:44 |
| kirillsemyonkin | oh you can make a
let context = ModalHandle {
visible: visible.clone(),
modal_content: modal_content.clone(),
};
| 21:12:19 |
| dementeddddd | and then | 21:12:31 |
| dementeddddd | do i put that code into the ContextProvider? | 21:12:37 |
| kirillsemyonkin | you can replace the <#> fragment with <ContextProvider...> | 21:13:03 |
| kirillsemyonkin | * you can replace the <#> fragment (thats the name for the <#>) with <ContextProvider...> | 21:13:18 |
| dementeddddd | alright | 21:13:19 |
| dementeddddd | done | 21:13:19 |
