gabehf/Koito
1
0
Fork 0
mirror of https://github.com/gabehf/Koito.git synced 2026-04-22 12:01:52 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix rewind default page

Browse source
This commit is contained in:
Gabe Farrell 2026-01-12 23:08:31 -05:00
parent 9678117c05
commit 925c308552
3 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

4
client/app/components/sidebar/Sidebar.tsx
View file

@ -45,7 +45,9 @@ export default function Sidebar() {
<SidebarSearch size={iconSize} /> <SidebarSearch size={iconSize} />
<SidebarItem <SidebarItem
space={10} space={10}
to={`/rewind?${getRewindParams()}`} to={`/rewind?year=${getRewindParams().year}&month=${
getRewindParams().month
}`}
name="Rewind" name="Rewind"
onClick={() => {}} onClick={() => {}}
modal={<></>} modal={<></>}

8
client/app/routes/RewindPage.tsx
View file

@ -4,7 +4,7 @@ import { imageUrl, type RewindStats } from "api/api";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import type { LoaderFunctionArgs } from "react-router"; import type { LoaderFunctionArgs } from "react-router";
import { useLoaderData } from "react-router"; import { useLoaderData } from "react-router";
import { getRewindYear } from "~/utils/utils"; import { getRewindParams, getRewindYear } from "~/utils/utils";
import { useNavigate } from "react-router"; import { useNavigate } from "react-router";
import { average } from "color.js"; import { average } from "color.js";
import { ChevronLeft, ChevronRight } from "lucide-react"; import { ChevronLeft, ChevronRight } from "lucide-react";
@ -29,8 +29,10 @@ const months = [
export async function clientLoader({ request }: LoaderFunctionArgs) { export async function clientLoader({ request }: LoaderFunctionArgs) {
const url = new URL(request.url); const url = new URL(request.url);
const year = parseInt(url.searchParams.get("year") || "0") || getRewindYear(); const year =
const month = parseInt(url.searchParams.get("month") || "0"); parseInt(url.searchParams.get("year") || "0") || getRewindParams().year;
const month =
parseInt(url.searchParams.get("month") || "0") || getRewindParams().month;
const res = await fetch(`/apis/web/v1/summary?year=${year}&month=${month}`); const res = await fetch(`/apis/web/v1/summary?year=${year}&month=${month}`);
if (!res.ok) { if (!res.ok) {

6
client/app/utils/utils.ts
View file

@ -19,12 +19,12 @@ const getRewindYear = (): number => {
return new Date().getFullYear() - 1; return new Date().getFullYear() - 1;
}; };
const getRewindParams = (): string => { const getRewindParams = (): { month: number; year: number } => {
const today = new Date(); const today = new Date();
if (today.getMonth() == 0) { if (today.getMonth() == 0) {
return `year=${today.getFullYear() - 1}`; return { month: 0, year: today.getFullYear() - 1 };
} else { } else {
return `month=${today.getMonth()}`; return { month: today.getMonth(), year: today.getFullYear() };
} }
}; };