| | |
| | | import style from "./styles/recentNotes.scss" |
| | | import { Date, getDate } from "./Date" |
| | | import { GlobalConfiguration } from "../cfg" |
| | | import { i18n } from "../i18n/i18next" |
| | | import { i18n } from "../i18n" |
| | | import { classNames } from "../util/lang" |
| | | |
| | | interface Options { |
| | | title: string |
| | | title?: string |
| | | limit: number |
| | | linkToMore: SimpleSlug | false |
| | | filter: (f: QuartzPluginData) => boolean |
| | |
| | | } |
| | | |
| | | const defaultOptions = (cfg: GlobalConfiguration): Options => ({ |
| | | title: "Recent Notes", |
| | | limit: 3, |
| | | linkToMore: false, |
| | | filter: () => true, |
| | |
| | | const remaining = Math.max(0, pages.length - opts.limit) |
| | | return ( |
| | | <div class={classNames(displayClass, "recent-notes")}> |
| | | <h3>{opts.title}</h3> |
| | | <h3>{opts.title ?? i18n(cfg.locale).components.recentNotes.title}</h3> |
| | | <ul class="recent-ul"> |
| | | {pages.slice(0, opts.limit).map((page) => { |
| | | const title = page.frontmatter?.title |
| | | const title = page.frontmatter?.title ?? i18n(cfg.locale).propertyDefaults.title |
| | | const tags = page.frontmatter?.tags ?? [] |
| | | |
| | | return ( |
| | |
| | | {opts.linkToMore && remaining > 0 && ( |
| | | <p> |
| | | <a href={resolveRelative(fileData.slug!, opts.linkToMore)}> |
| | | {" "} |
| | | {i18n(cfg.locale, "recentNotes.seeRemainingMore", { |
| | | remaining: remaining.toString(), |
| | | })}{" "} |
| | | → |
| | | {i18n(cfg.locale).components.recentNotes.seeRemainingMore({ remaining })} |
| | | </a> |
| | | </p> |
| | | )} |