/**
 * @fileoverview Stories Page Component for Rantii
 * @author retoor <retoor@molodetz.nl>
 * @description Developer stories page
 * @keywords stories, page, devstories, feed, articles
 */

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

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

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

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

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

customElements.define('stories-page', StoriesPage);

export { StoriesPage };