<section class="gh-dashboard-resource gh-dashboard-whats-new" {{did-insert this.load}}>
    <article class="gh-dashboard-resource-box">
        <div class="gh-dashboard-resource-title">
            <h4>{{svg-jar "gift" alt="Gift" class="v-mid"}}What’s new</h4>
        </div>
        <div class="gh-dashboard-resource-body">
            <div class="gh-dashboard-list {{if this.whatsNew.hasNew "has-new"}}">
                {{#if (not (or this.loading this.error))}}
                    <div class="gh-dashboard-list-body">
                        {{#each this.entries as |entry|}}
                            <div class="gh-dashboard-list-item">
                                <a href={{entry.url}} class="gh-dashboard-list-post" target="_blank" rel="noopener noreferrer">
                                    <span class="gh-dashboard-list-link">
                                        <span>{{entry.title}}</span>
                                    </span>
                                    <div class="gh-dashboard-resource-secondary">{{moment-format entry.published_at "D MMM YYYY"}}</div>
                                </a>
                            </div>
                        {{else}}
                            <div class="gh-dashboard-list-empty">
                                <p>No new features yet.</p>
                            </div>
                        {{/each}}
                    </div>
                {{/if}}
            </div>
        </div>
        <div class="gh-dashboard-resource-footer">
            <a href="https://ghost.org/changelog" class="green" target="_blank" rel="noopener noreferrer">View more features &rarr;</a>
        </div>
    </article>
</section>
