おすすめをもっと見る

eatski · Apr 6, 2024 · 109fb50 · 109fb50
1 parent c285acf
commit 109fb50
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 7 deletions.
diff --git a/src/components/storyList/index.tsx b/src/components/storyList/index.tsx
@@ -36,7 +36,7 @@ export const StoryList: React.FC<{ stories: Item[]; seeMoreUrl?: string }> = ({
 			</ul>
 			{seeMoreUrl && (
 				<div className={styles.seeMore}>
-					<Link className={components.buttonLink} href="/stories">
+					<Link className={components.buttonLink} href={seeMoreUrl}>
 						もっと見る
 					</Link>
 				</div>

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -18,7 +18,7 @@ export const getStaticProps: GetStaticProps<Props> = async () => {
 		getStories({
 			count: 5,
 		}),
-		getStoriesRecommended(),
+		getStoriesRecommended(8),
 	]);
 	return {
 		props: {
@@ -44,7 +44,7 @@ export default function Home({ stories, recommend }: Props) {
 				</div>
 				<section style={{ marginBottom: "24px" }}>
 					<H2 label="おすすめストーリー" />
-					<StoryList stories={recommend} />
+					<StoryList stories={recommend} seeMoreUrl={"/stories/rank"} />
 				</section>
 				<div style={{ marginBottom: "24px" }}>
 					<RecommendCreateStory />

diff --git a/src/pages/stories/rank.tsx b/src/pages/stories/rank.tsx
@@ -10,7 +10,7 @@ type Props = {
 };
 
 export const getStaticProps: GetStaticProps<Props> = async () => {
-	const stories = await getStoriesRecommended();
+	const stories = await getStoriesRecommended(30);
 	return {
 		props: {
 			stories: stories.map((story) => ({

diff --git a/src/server/services/story/ranking/index.ts b/src/server/services/story/ranking/index.ts
@@ -5,7 +5,9 @@ import { StoryHead } from "@/server/model/story";
 const ONE_DAY = 1000 * 60 * 60 * 24;
 const ONE_MONTH = ONE_DAY * 30;
 
-export const getStoriesRecommended = async (): Promise<StoryHead[]> => {
+export const getStoriesRecommended = async (
+	count: number,
+): Promise<StoryHead[]> => {
 	const now = Date.now();
 	// すべてのストーリーを取得
 	const stories = await prisma.story.findMany({
@@ -32,7 +34,7 @@ export const getStoriesRecommended = async (): Promise<StoryHead[]> => {
 		orderBy: {
 			publishedAt: "desc",
 		},
-		take: 50,
+		take: 100,
 	});
 	const scoredStories = stories.map((story) => {
 		const { questionLogs, evaluations, solutionLogs, ...rest } = story;
@@ -64,5 +66,5 @@ export const getStoriesRecommended = async (): Promise<StoryHead[]> => {
 		};
 	});
 	scoredStories.sort((a, b) => b.score - a.score);
-	return scoredStories.map((e) => e.story).slice(0, 8);
+	return scoredStories.map((e) => e.story).slice(0, count);
 };