aidan/aidxnCC
1
1
Fork 0
Code Issues 1 Pull requests 1 Projects Releases Packages Wiki Activity Actions

bug fixes and optomizations to yield successful build

Browse source
This commit is contained in:
Aidan 2025-01-07 19:38:46 -05:00
parent 5fcf00a506
commit 228f71b049
2 changed files with 23 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

24
app/components/Music.tsx
View file

@ -7,15 +7,31 @@ import { faPlay, faStepBackward, faStepForward, faArrowLeft, faArrowRight } from
export default function Home() {
const [timePeriod, setTimePeriod] = useState('2020s');
const [songs, setSongs] = useState([]);
interface Song {
albumArt: string;
name: string;
artist: string;
duration: string;
link?: string;
}
const [songs, setSongs] = useState<Song[]>([]);
const [currentIndex, setCurrentIndex] = useState(0);
useEffect(() => {
fetch('/data/music.json')
.then(response => response.json())
.then(data => {
const selectedPeriod = data.find(period => period.timePeriod === timePeriod);
const songsList = selectedPeriod ? selectedPeriod.songs : [];
interface Song {
albumArt: string;
name: string;
artist: string;
duration: string;
}
interface Period {
timePeriod: string;
songs: Song[];
}
const selectedPeriod = data.find((period: Period) => period.timePeriod === timePeriod); const songsList = selectedPeriod ? selectedPeriod.songs : [];
setSongs(songsList);
setCurrentIndex(Math.floor(Math.random() * songsList.length));
});
@ -24,7 +40,7 @@ export default function Home() {
useEffect(() => {
const selectElement = document.getElementById('timePeriod');
if (selectElement) {
setTimePeriod(selectElement.value);
setTimePeriod((selectElement as HTMLSelectElement).value);
}
}, []);