| | |
|---|
| | | import style from "./styles/recentNotes.scss" |
|---|
| | | import { Date, getDate } from "./Date" |
|---|
| | | import { GlobalConfiguration } from "../cfg" |
|---|
| | | import { classNames } from "../util/lang" |
|---|
| | | |
|---|
| | | interface Options { |
|---|
| | | title: string |
|---|
| | |
|---|
| | | const pages = allFiles.filter(opts.filter).sort(opts.sort) |
|---|
| | | const remaining = Math.max(0, pages.length - opts.limit) |
|---|
| | | return ( |
|---|
| | | <div class={`recent-notes ${displayClass ?? ""}`}> |
|---|
| | | <div class={classNames(displayClass, "recent-notes")}> |
|---|
| | | <h3>{opts.title}</h3> |
|---|
| | | <ul class="recent-ul"> |
|---|
| | | {pages.slice(0, opts.limit).map((page) => { |
|---|
| | |
|---|
| | | </div> |
|---|
| | | {page.dates && ( |
|---|
| | | <p class="meta"> |
|---|
| | | <Date date={getDate(cfg, page)!} /> |
|---|
| | | <Date date={getDate(cfg, page)!} locale={cfg.locale} /> |
|---|
| | | </p> |
|---|
| | | )} |
|---|
| | | <ul class="tags"> |
|---|
