1
0
Fork 0
mirror of https://github.com/Nutomic/ibis.git synced 2024-11-25 18:11:09 +00:00
This commit is contained in:
Felix Ableitner 2024-11-11 10:32:11 +01:00
parent b89fcb6dc4
commit 4ebd4600fc
2 changed files with 37 additions and 31 deletions

View file

@ -46,36 +46,36 @@ pub fn InstanceDetails() -> impl IntoView {
let instance_ = instance.clone();
view! {
<div class="grid gap-3 mt-4">
<div class="flex flex-row items-center">
<h1 class="text-4xl font-bold font-serif w-full">
{instance.domain}
</h1>
<InstanceFollowButton instance=instance_.clone() />
</div>
<div class="flex flex-row items-center">
<h1 class="text-4xl font-bold font-serif w-full">
{instance.domain}
</h1>
<InstanceFollowButton instance=instance_.clone() />
</div>
<div class="divider"></div>
<div>{instance.description}</div>
<h2 class="text-xl font-bold font-serif">Articles</h2>
<ul class="list-none">
{move || {
articles
.get()
.map(|a| {
a.into_iter()
.map(|a| {
view! {
<li>
<a class="link text-lg" href=article_link(&a)>
{article_title(&a)}
</a>
</li>
}
})
.collect::<Vec<_>>()
})
}}
<div class="divider"></div>
<div>{instance.description}</div>
<h2 class="text-xl font-bold font-serif">Articles</h2>
<ul class="list-none">
{move || {
articles
.get()
.map(|a| {
a.into_iter()
.map(|a| {
view! {
<li>
<a class="link text-lg" href=article_link(&a)>
{article_title(&a)}
</a>
</li>
}
})
.collect::<Vec<_>>()
})
}}
</ul>
</ul>
</div>
}
})

View file

@ -52,7 +52,9 @@ pub fn Search() -> impl IntoView {
});
view! {
<h1 class="text-4xl font-bold font-serif my-6 grow flex-auto">"Search results for " {query}</h1>
<h1 class="text-4xl font-bold font-serif my-6 grow flex-auto">
"Search results for " {query}
</h1>
<Suspense fallback=|| {
view! { "Loading..." }
}>
@ -87,7 +89,9 @@ pub fn Search() -> impl IntoView {
vec![
view! {
<li>
<a class="link text-lg" href=format!("/instance/{domain}")>{domain}</a>
<a class="link text-lg" href=format!("/instance/{domain}")>
{domain}
</a>
</li>
},
]
@ -100,7 +104,9 @@ pub fn Search() -> impl IntoView {
.map(|a| {
view! {
<li>
<a class="link text-lg" href=article_link(a)>{article_title(a)}</a>
<a class="link text-lg" href=article_link(a)>
{article_title(a)}
</a>
</li>
}
})