/**
 * @fileoverview Weekly Page Component for Rantii
 * @author retoor <retoor@molodetz.nl>
 * @description Weekly rant challenge page
 * @keywords weekly, page, challenge, rants, feed
 */

import { BaseComponent } from '../components/base-component.js';

class WeeklyPage extends BaseComponent {
    init() {
        this.render();
    }

    render() {
        this.addClass('page', 'weekly-page');

        this.setHtml(`
            <header class="page-header">
                <h1>Weekly Rant</h1>
            </header>
            <rant-feed sort="recent" feed-type="weekly"></rant-feed>
        `);
    }

    refresh() {
        const feed = this.$('rant-feed');
        if (feed) {
            feed.refresh();
        }
    }
}

customElements.define('weekly-page', WeeklyPage);

export { WeeklyPage };