gabehf/Koito
1
0
Fork 0
mirror of https://github.com/gabehf/Koito.git synced 2026-03-13 09:30:27 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: improve rewind page (#130)

Browse source 
* add timeframe selectors for rewind

* alter rewind nav to default to monthly rewind

* fix rewind default page

* remove superfluous parameters
This commit is contained in:
Gabe Farrell 2026-01-12 23:22:29 -05:00 • committed by GitHub
parent ddb0becc0f
commit 62267652ba
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 197 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

13
client/app/components/rewind/Rewind.tsx
View file

@ -8,9 +8,16 @@ interface Props {
}
export default function Rewind(props: Props) {
const artistimg = props.stats.top_artists[0].image;
const albumimg = props.stats.top_albums[0].image;
const trackimg = props.stats.top_tracks[0].image;
const artistimg = props.stats.top_artists[0]?.image;
const albumimg = props.stats.top_albums[0]?.image;
const trackimg = props.stats.top_tracks[0]?.image;
if (
!props.stats.top_artists[0] ||
!props.stats.top_albums[0] ||
!props.stats.top_tracks[0]
) {
return <p>Not enough data exists to create a Rewind for this period :(</p>;
}
return (
<div className="flex flex-col gap-7">
<h2>{props.stats.title}</h2>

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"
name="Rewind"
onClick={() => {}}
modal={<></>}