hyaenidae/templates/feed/index.rs.html

@use crate::extensions::ProfileExt;
@use crate::feed::ViewFeedState;
@use crate::nav::NavState;
@use crate::templates::layouts::wide;
@use hyaenidae_toolkit::{templates::button_group, Button};
@use hyaenidae_toolkit::{templates::{card, card_body, card_title}, Card};
@use hyaenidae_toolkit::templates::centered;
@use hyaenidae_toolkit::templates::{thumbnail, thumbnail_border, thumbnails};

@(state: &ViewFeedState, nav_state: &NavState)

@:wide("Feed", &format!("{}'s feed on Hyaenidae", state.profile.name()), nav_state, {}, {
    @if state.has_submissions() {
        @if state.has_nav() {
            @:thumbnail_border({
                @:button_group(&state.nav())
            })
        }
        @:thumbnails({
            @for view in state.submissions() {
                @if let Some(thumb) = view.thumbnail() {
                    @:thumbnail(&thumb)
                }
            }
        })
        @if state.has_nav() {
            @:thumbnail_border({
                @:button_group(&state.nav())
            })
        }
    } else {
        @:centered(false, {
            @:card(&Card::full_width().dark(nav_state.dark()), {
                @:card_title({ There's nothing here })
                @:card_body({
                    <div class="text-section">
                        <p>Follow users on Hyaenidae to start seeing submissions in your feed</p>
                    </div>
                    <div class="button-section">
                        @:button_group(&[
                            Button::secondary("Browse Users").href("/discover"),
                            Button::secondary("Browse Submissions").href("/browse"),
                        ])
                    </div>

                })
            })
        })
    }
})