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

alter rewind nav to default to monthly rewind

Browse source
This commit is contained in:
Gabe Farrell 2026-01-12 23:00:20 -05:00
parent a0b32f756e
commit 9678117c05
2 changed files with 10 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

@ -2,7 +2,7 @@ import { ExternalLink, History, Home, Info } from "lucide-react";
import SidebarSearch from "./SidebarSearch";
import SidebarItem from "./SidebarItem";
import SidebarSettings from "./SidebarSettings";
import { getRewindYear } from "~/utils/utils";
import { getRewindParams, getRewindYear } from "~/utils/utils";
export default function Sidebar() {
const iconSize = 20;
@ -45,7 +45,7 @@ export default function Sidebar() {
<SidebarSearch size={iconSize} />
<SidebarItem
space={10}
to={`/rewind?year=${getRewindYear()}`}
to={`/rewind?${getRewindParams()}`}
name="Rewind"
onClick={() => {}}
modal={<></>}

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

@ -16,12 +16,15 @@ const timeframeToInterval = (timeframe: Timeframe): string => {
};
const getRewindYear = (): number => {
return new Date().getFullYear() - 1;
};
const getRewindParams = (): string => {
const today = new Date();
if (today.getMonth() > 10 && today.getDate() >= 30) {
// if we are in december 30/31, just serve current year
return today.getFullYear();
if (today.getMonth() == 0) {
return `year=${today.getFullYear() - 1}`;
} else {
return today.getFullYear() - 1;
return `month=${today.getMonth()}`;
}
};
@ -114,5 +117,5 @@ const timeListenedString = (seconds: number) => {
return `${minutes} minutes listened`;
};
export { hexToHSL, timeListenedString, getRewindYear };
export { hexToHSL, timeListenedString, getRewindYear, getRewindParams };
export type { hsl };