2024-04-21 17:43:36 +02:00
|
|
|
use leptos::*;
|
|
|
|
use crate::prelude::*;
|
|
|
|
|
2024-04-21 18:56:25 +02:00
|
|
|
use apb::{Actor, Base, Object};
|
2024-04-21 17:43:36 +02:00
|
|
|
|
2024-05-01 16:45:27 +02:00
|
|
|
#[component]
|
|
|
|
pub fn ActorStrip(object: crate::Object) -> impl IntoView {
|
|
|
|
let actor_id = object.id().unwrap_or_default().to_string();
|
|
|
|
let username = object.preferred_username().unwrap_or_default().to_string();
|
|
|
|
let domain = object.id().unwrap_or_default().replace("https://", "").split('/').next().unwrap_or_default().to_string();
|
|
|
|
let avatar = object.icon().get().map(|x| x.url().id().unwrap_or_default()).unwrap_or_default();
|
|
|
|
view! {
|
|
|
|
<a href={Uri::web(FetchKind::User, &actor_id)} class="clean hover">
|
|
|
|
<img src={avatar} class="avatar-inline mr-s" /><b>{username}</b><small>@{domain}</small>
|
|
|
|
</a>
|
|
|
|
}
|
|
|
|
}
|
2024-04-21 17:43:36 +02:00
|
|
|
|
|
|
|
#[component]
|
2024-05-01 16:06:46 +02:00
|
|
|
pub fn ActorBanner(object: crate::Object) -> impl IntoView {
|
|
|
|
match object.as_ref() {
|
2024-04-21 17:43:36 +02:00
|
|
|
serde_json::Value::String(id) => view! {
|
2024-05-01 16:06:46 +02:00
|
|
|
<div><b>?</b>" "<a class="clean hover" href={Uri::web(FetchKind::User, id)}>{Uri::pretty(id)}</a></div>
|
2024-04-21 17:43:36 +02:00
|
|
|
},
|
|
|
|
serde_json::Value::Object(_) => {
|
|
|
|
let uid = object.id().unwrap_or_default().to_string();
|
2024-04-21 18:56:25 +02:00
|
|
|
let uri = Uri::web(FetchKind::User, &uid);
|
2024-04-21 17:43:36 +02:00
|
|
|
let avatar_url = object.icon().get().map(|x| x.url().id().unwrap_or_default()).unwrap_or_default();
|
|
|
|
let display_name = object.name().unwrap_or_default().to_string();
|
|
|
|
let username = object.preferred_username().unwrap_or_default().to_string();
|
|
|
|
let domain = object.id().unwrap_or_default().replace("https://", "").split('/').next().unwrap_or_default().to_string();
|
|
|
|
view! {
|
|
|
|
<div>
|
|
|
|
<table class="align" >
|
|
|
|
<tr>
|
|
|
|
<td rowspan="2" ><a href={uri.clone()} ><img class="avatar-circle inline-avatar" src={avatar_url} /></a></td>
|
|
|
|
<td><b>{display_name}</b></td>
|
|
|
|
</tr>
|
|
|
|
<tr>
|
|
|
|
<td class="top" ><a class="hover" href={uri} ><small>{username}@{domain}</small></a></td>
|
|
|
|
</tr>
|
|
|
|
</table>
|
|
|
|
</div>
|
|
|
|
}
|
|
|
|
},
|
|
|
|
_ => view! {
|
|
|
|
<div><b>invalid actor</b></div>
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|