| | |
|---|
| | | }) |
|---|
| | | |
|---|
| | | export default ((userOpts?: Partial<Options>) => { |
|---|
| | | function RecentNotes(props: QuartzComponentProps) { |
|---|
| | | const { allFiles, fileData, displayClass, cfg } = props |
|---|
| | | function RecentNotes({ allFiles, fileData, displayClass, cfg }: QuartzComponentProps) { |
|---|
| | | const opts = { ...defaultOptions(cfg), ...userOpts } |
|---|
| | | 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={`recent-notes ${displayClass ?? ""}`}> |
|---|
| | | <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"> |
|---|
