/**
 * @fileoverview Collabs Page Component for Rantii
 * @author retoor <retoor@molodetz.nl>
 * @description Collaboration projects page
 * @keywords collabs, page, projects, collaboration, feed
 */

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

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

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

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

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

customElements.define('collabs-page', CollabsPage);

export { CollabsPage };