alemi/upub
alemi/upub
1
0
Fork 1
Code Issues 4 Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat(web): better follow/following/follows tags

Browse source 
still lot to do but better than previous misaligned bs!
This commit is contained in:
əlemi 2024-12-27 02:04:30 +01:00
parent 7befb83dcd
commit 43de8334e2
Signed by: alemi
GPG key ID: A4895B84D311642C
1 changed files with 23 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
web/src/actors/header.rs
View file

@ -81,19 +81,37 @@ pub fn ActorHeader() -> impl IntoView {
<div class="ma-s pt-3 rev" style="flex-grow: 1; white-space: nowrap;">
</div>
</div>
<div class="rev mr-1" class:hidden=move || !auth.present() || auth.user_id() == uid>
<div class="mr-1 ml-1" class:hidden=move || !auth.present() || auth.user_id() == uid>
{if following_me {
Some(view! { <code class="mr-1 color">follows you</code> })
Some(view! {
<a class="clean dim" href="#remove" on:click=move |_| tracing::error!("not yet implemented")>
<span class="border-button ml-s" title="remove follower (not yet implemented)">
<code class="color mr-s">"!"</code>
<small class="mr-s">follows you</small>
</span>
</a>
})
} else {
None
}}
{if followed_by_me {
view! {
<code class="color">"following"</code>
<input type="submit" value="x" on:click=move |_| unfollow(_uid.clone()) />
<a class="clean dim" href="#unfollow" on:click=move |_| unfollow(_uid.clone())>
<span class="border-button ml-s" title="undo follow">
<code class="color mr-s">x</code>
<small class="mr-s">following</small>
</span>
</a>
}.into_view()
} else {
view! { <input type="submit" value="follow" on:click=move |_| send_follow_request(_uid.clone()) /> }.into_view()
view! {
<a class="clean dim" href="#follow" on:click=move |_| send_follow_request(_uid.clone())>
<span class="border-button ml-s" title="send follow request">
<code class="color mr-s">+</code>
<small class="mr-s">follow</small>
</span>
</a>
}.into_view()
}}
</div>
</div>