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

use dioxus::prelude::*;
use plottery_project::Project;

use crate::{model::app_state::AppState, router::browser::project_overview::ProjectOverview};

#[derive(Props, Clone)]
pub struct ProjectListProps {
    pub app_state: Signal<AppState>,
    pub on_delete_clicked: EventHandler<Project>,
}

impl PartialEq for ProjectListProps {
    fn eq(&self, other: &Self) -> bool {
        self.app_state == other.app_state
    }
}

#[component]
pub fn ProjectList(props: ProjectListProps) -> Element {
    rsx! {
        style { { include_str!("./project_list.css") } }
        div { class: "ProjectList",
            for project in props.app_state.read().projects.iter() {
                ProjectOverview {
                    project: project.clone(),
                    on_delete_clicked: move |project: Project| {
                        props.on_delete_clicked.call(project);
                    }
                }
            }
        }
    }
}