plottery_editor 0.7.0

Graphical Editor of Plottery, a creative coding framework for generative vector graphics and pen plotting.
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
26
27
28
29
30
31
32
33
34
35
36
37

use dioxus::prelude::*;

use crate::router::editor::console_messages::ConsoleMessageType;

use super::console_messages::ConsoleMessages;

#[derive(PartialEq, Props, Clone)]
pub struct ConsoleProps {
    pub console: SyncSignal<ConsoleMessages>,
}

#[component]
pub fn Console(props: ConsoleProps) -> Element {
    let messages = props.console.read().get_messages();
    let _change_counter = props.console.read().get_change_counter(); // to update this component when the console changes

    let console_items = messages.iter().rev().map(|message| {
        let type_class_name = match message.msg_type {
            ConsoleMessageType::Error => "error",
            ConsoleMessageType::Info => "info",
            ConsoleMessageType::ProjectLog => "project_log",
        };
        rsx! {
            p { class: "{type_class_name}",
                key: "{message.id}",
                "{message.msg}",
            }
        }
    });

    rsx! {
        style { { include_str!("console.css") } }
        div { class: "Console",
            { console_items },
        },
    }
}