Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-28 00:49:40 +05:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: saving the user's preferred video source

Browse source
This commit is contained in:
lavafrai 2024-12-05 00:12:23 +03:00
parent f588dbed5b
commit 70e4d7a523
3 changed files with 55 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

17
app/components/ReleasePlayer/ReleasePlayer.tsx
View file

@ -2,7 +2,7 @@
import { Spinner } from "#/components/Spinner/Spinner";
import { useUserStore } from "#/store/auth";
import { useVoiceoverStore } from "#/store/voiceover";
import { useUserPlayerPreferencesStore } from "#/store/player";
import { Card, Dropdown, Button } from "flowbite-react";
import { ENDPOINTS } from "#/api/config";
import { useState, useEffect } from "react";
@ -140,8 +140,9 @@ const saveAnonEpisodeWatched = (
export const ReleasePlayer = (props: { id: number }) => {
const userStore = useUserStore();
const preferredVoiceoverStore = useVoiceoverStore();
const preferredVoiceoverStore = useUserPlayerPreferencesStore();
const storedPreferredVoiceover = preferredVoiceoverStore.getPreferredVoiceover(props.id);
const storedPreferredPlayer = preferredVoiceoverStore.getPreferredPlayer(props.id);
const [voiceoverInfo, setVoiceoverInfo] = useState(null);
const [selectedVoiceover, setSelectedVoiceover] = useState(null);
const [sourcesInfo, setSourcesInfo] = useState(null);
@ -152,6 +153,10 @@ export const ReleasePlayer = (props: { id: number }) => {
setSelectedVoiceover(voiceover);
preferredVoiceoverStore.setPreferredVoiceover(props.id, voiceover.name);
}
const setSelectedPlayerAndSaveAsPreferred = (player: any) => {
setSelectedSource(player);
preferredVoiceoverStore.setPreferredPlayer(props.id, player.name);
}
useEffect(() => {
async function _fetchInfo() {
@ -174,8 +179,12 @@ export const ReleasePlayer = (props: { id: number }) => {
const sources = await _fetch(
`${ENDPOINTS.release.episode}/${props.id}/${selectedVoiceover.id}`
);
const preferredSource = sources.sources.find(
(source: any) => source.name === storedPreferredPlayer
) || sources.sources[0];
setSourcesInfo(sources.sources);
setSelectedSource(sources.sources[0]);
setSelectedSource(preferredSource);
}
if (selectedVoiceover) {
_fetchInfo();
@ -252,7 +261,7 @@ export const ReleasePlayer = (props: { id: number }) => {
{sourcesInfo.map((source: any) => (
<Dropdown.Item
key={`source_${source.id}`}
onClick={() => setSelectedSource(source)}
onClick={() => setSelectedPlayerAndSaveAsPreferred(source)}
>
{source.name}
</Dropdown.Item>