edc-web-components 0.7.0

A Rust Web Components with patternfly-yew client for EDC
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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65

use crate::components::logo::Logo;
use crate::contexts::{use_did_resolver_context, use_my_did_provider_context};
use patternfly_yew::prelude::*;
use yew::prelude::*;

#[derive(Clone, PartialEq, Properties)]
pub struct DidLabelProps {
  pub did: String,
}

#[component]
pub fn DidLabel(props: &DidLabelProps) -> Html {
  let did_resolver_context = use_did_resolver_context();
  let my_did_provider_context = use_my_did_provider_context();

  let participant = use_memo(
    (did_resolver_context.clone(), props.did.clone()),
    |(did_resolver_context, did)| {
      did_resolver_context
        .as_ref()
        .and_then(|did_resolver_context| {
          did_resolver_context
            .participant(did)
            .map(|participant| (participant.name.clone(), participant.logo.clone()))
        })
        .unzip()
    },
  );

  let (label, logo) = (*participant).clone();

  let label = label.unwrap_or_else(|| props.did.clone());

  let icon = if my_did_provider_context
    .map(|my_did_provider_context| my_did_provider_context.my_did().to_string())
    == Some(props.did.clone())
  {
    html!(
      <yew_icons::Icon
        data={yew_icons::IconData::LUCIDE_BUILDING}
        style="color: var(--pf-t--global--border--color--default)"
      />
    )
  } else {
    html!()
  };

  html! {
    <Split gutter=true>
      <SplitItem>
        <Logo url={logo.flatten()} width="24px" height="24px" />
      </SplitItem>
      <SplitItem>
        <Tooltip text={props.did.clone()}>
          <Flex>
            <FlexItem modifiers={[FlexModifier::Align(Alignment::Center).all()]}>
              { label }
            </FlexItem>
            <FlexItem modifiers={[FlexModifier::Align(Alignment::Center).all()]}>{ icon }</FlexItem>
          </Flex>
        </Tooltip>
      </SplitItem>
    </Split>
  }
}