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

use dioxus::hooks::use_memo;
use dioxus_signals::{Readable, Signal};
use dioxus_use_mounted::UseMounted;

/// Hook to use an animated value and apply it to a mounted element.
pub fn use_animated<V>(
    mounted: UseMounted,
    value_ref: Signal<V>,
    mut make_style: impl FnMut(V) -> String + 'static,
) where
    V: Clone,
{
    use_memo(move || {
        let value = value_ref.read();
        set_style(mounted, &make_style(value.clone()));
    });
}

fn set_style(mounted: UseMounted, style: &str) {
    if let Some(element) = &*mounted.signal.read() {
        let raw_elem = element.downcast::<web_sys::Element>().unwrap();

        raw_elem.set_attribute("style", style).unwrap();
    }
}