mirror/App
1
0
Fork 0
mirror of https://github.com/Jellify-Music/App.git synced 2026-01-05 18:40:01 -06:00
Code Issues Packages Projects Releases Wiki Activity

player image changes

Browse Source 
update artist page
This commit is contained in:
Violet Caulfield
2024-12-31 05:10:08 -06:00
parent 2d1ba3c22d
commit 6062cacb19
3 changed files with 3 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/Artist/component.tsx
View File

@@ -43,8 +43,7 @@ export default function Artist(props: ArtistProps): React.JSX.Element {
<Card
caption={album.Name}
subCaption={album.ProductionYear?.toString()}
width={200}
marginHorizontal={20}
marginHorizontal={10}
cornered
itemId={album.Id!}
onPress={() => {

2
helpers/mappings.ts
View File

@@ -12,6 +12,8 @@ const transcodingContainer = "m4a";
export function mapDtoToTrack(api: Api, sessionId: string, item: BaseItemDto, queuingType?: QueuingType) {
console.debug(`Mapping item to track: ${item.Id}, ${item.AlbumId}`)
const urlParams = {
"Container": container,
"TranscodingContainer": transcodingContainer,

106
player/queries/playback.ts
View File

@@ -1,106 +0,0 @@
import { useQueries, useQuery, UseQueryOptions, UseQueryResult } from "@tanstack/react-query"
import { getActiveTrack, getProgress, pause, play } from "react-native-track-player/lib/src/trackPlayer"
import { getPlaystateApi } from "@jellyfin/sdk/lib/utils/api/playstate-api"
import { Progress, Track } from "react-native-track-player";
import { QueryKeys } from "../../enums/query-keys";
import { Api } from "@jellyfin/sdk";
import { useApiClientContext } from "../../components/jellyfin-api-provider";
const usePause : UseQueryOptions = {
queryKey: [QueryKeys.Pause],
queryFn: () => {
return pause();
}
}
const usePlay : UseQueryOptions = {
queryKey: [QueryKeys.Play],
queryFn: () => {
return play();
}
}
const useProgress : UseQueryResult<Progress, Error> = useQuery({
queryKey: [QueryKeys.Progress],
queryFn: () => {
return getProgress()
.then((progress => {
if (!!!progress)
throw new Error("Tried to fetch progress when there wasn't a currently active track");
}));
}
});
const useReportPlaybackStarted = {
queryKey: [QueryKeys.ReportPlaybackStarted],
queryFn: () => {
getActiveTrack()
.then(track => {
if (!!!track)
throw new Error("Tried to report playback when there wasn't a currently active track");
return track as Track;
})
.then(track => {
getPlaystateApi(useApiClientContext().apiClient!)
.reportPlaybackStart({
playbackStartInfo: {
ItemId: track.id,
PositionTicks: useProgress.data!.position
}
});
});
}
}
const useReportPlaybackStopped = {
queryKey: [QueryKeys.ReportPlaybackStopped],
queryFn: () => {
getActiveTrack()
.then(track => {
if (!!!track)
throw new Error("Tried to report playback stopped when there wasn't a currently active track");
return track as Track;
})
.then(track => {
getPlaystateApi(useApiClientContext().apiClient!)
.reportPlaybackStopped({
playbackStopInfo: {
ItemId: track.id,
PositionTicks: useProgress.data!.position
}
});
});
}
}
export const useReportPlaybackProgress = {
queryKey: [QueryKeys.ReportPlaybackPosition],
queryFn: () => {
getActiveTrack()
.then(track => {
if (!!!track)
throw new Error("Tried to report playback progress when there wasn't a currently active track");
return track as Track;
})
.then(track => {
getPlaystateApi(useApiClientContext().apiClient!)
.reportPlaybackProgress({
playbackProgressInfo: {
ItemId: track.id,
PositionTicks: useProgress.data!.position
}
});
});
}
};
export const usePauseAndReportPlaybackStopped = useQueries({
queries: [useReportPlaybackStopped, usePause]
})
export const usePlayAndReportPlayback = (api: Api) => useQueries({
queries: [useReportPlaybackStarted, usePlay]
})