design-system 0.0.1

Design System for Open Marketplace Applications
Documentation 
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
38
39
40
41
42
43
44
45
46
47
48
49
50

use css_in_rust::Style;
use yew::{html, prelude::*, Component, ComponentLink, Html, Properties, ShouldRender};

#[derive(Debug)]
pub struct Theme {
  props: Props,
  style: Style,
}

#[derive(Clone, PartialEq, Properties, Debug)]
pub struct Props {
  #[prop_or_default]
  pub class: String,
  #[prop_or_default]
  pub children: Children,
}

#[derive(PartialEq, Debug)]
pub enum Msg {}

impl Component for Theme {
  type Message = Msg;
  type Properties = Props;

  fn create(props: Self::Properties, _link: ComponentLink<Self>) -> Self {
    let style = Style::create("theme", include_str!("theme.scss")).expect("An error occured while creating the style.");
    Self { props, style }
  }

  fn update(&mut self, _msg: Self::Message) -> ShouldRender {
    true
  }

  fn change(&mut self, props: Self::Properties) -> ShouldRender {
    if self.props != props {
      self.props = props;
      true
    } else {
      false
    }
  }

  fn view(&self) -> Html {
      html! {
          <div class=self.style.to_string()>
            { self.props.children.clone() }
          </div>
      }
  }
}