Move random posts to most recently 3 posts

This commit is contained in:
Cassidy Williams
2022-11-16 23:10:11 -06:00
parent 6136cd2141
commit 795cdb2107
2 changed files with 12 additions and 3 deletions

View File

@@ -3,7 +3,16 @@ import Post from "../components/Post.astro";
const { allPosts } = Astro.props; const { allPosts } = Astro.props;
let posts = allPosts.sort(() => 0.5 - Math.random()).slice(0, 3); // TODO: account for recently updated posts, too
let posts = allPosts
.sort(
(a, b) =>
new Date(b.frontmatter.added).valueOf() -
new Date(a.frontmatter.added).valueOf()
)
.slice(0, 3);
//.sort(() => 0.5 - Math.random()).slice(0, 3);
--- ---
<content> <content>

View File

@@ -2,7 +2,7 @@
import BaseHead from "../components/BaseHead.astro"; import BaseHead from "../components/BaseHead.astro";
import Header from "../components/Header.astro"; import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro"; import Footer from "../components/Footer.astro";
import RandomPosts from "../components/RandomPosts.astro"; import HomePosts from "../components/HomePosts.astro";
import ColorScript from "../components/ColorScript.astro"; import ColorScript from "../components/ColorScript.astro";
import { SITE_TITLE, SITE_DESCRIPTION } from "../config"; import { SITE_TITLE, SITE_DESCRIPTION } from "../config";
import { Content as About } from "./about.md"; import { Content as About } from "./about.md";
@@ -40,7 +40,7 @@ let tags = [...new Set(getTags)];
<About /> <About />
<h3>Here's a sampler of some posts</h3> <h3>Here's a sampler of some posts</h3>
<RandomPosts allPosts={posts} /> <HomePosts allPosts={posts} />
<h3>View posts by tag</h3> <h3>View posts by tag</h3>
<p> <p>