mirror/App
1
0
Fork 0
mirror of https://github.com/Jellify-Music/App.git synced 2026-05-11 22:09:37 -05:00
Code Issues Packages Projects Releases Wiki Activity

ADD PLAY PAUSE TO player

Browse Source
This commit is contained in:
Violet Caulfield
2025-01-02 04:15:07 -06:00
parent 95bed5e11e
commit 2ef0593162
1 changed files with 24 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/Player/component.tsx
+24 -17
View File
@@ -9,34 +9,33 @@ import { ImageType } from "@jellyfin/sdk/lib/generated-client/models";
import { queryConfig } from "../../api/queries/query.config";
import { Text } from "../Global/text";
import { SafeAreaView } from "react-native-safe-area-context";
import { playPauseButton } from "./helpers/buttons";
export default function Player(): React.JSX.Element {
const { apiClient } = useApiClientContext();
const { queue, playbackState, nowPlaying } = usePlayerContext();
const { queue, playbackState, nowPlaying, play, pause } = usePlayerContext();
return (
<SafeAreaView>
{ nowPlaying && (
<YStack alignItems="center">
<HStack alignItems="center">
<CachedImage
source={getImageApi(apiClient!)
.getItemImageUrlById(
nowPlaying!.AlbumId,
ImageType.Primary,
{ ...queryConfig.playerArtwork }
)
}
imageStyle={{
width: 400,
height: 400,
borderRadius: 2
}}
/>
</HStack>
<CachedImage
source={getImageApi(apiClient!)
.getItemImageUrlById(
nowPlaying!.AlbumId,
ImageType.Primary,
{ ...queryConfig.playerArtwork }
)
}
imageStyle={{
width: 400,
height: 400,
borderRadius: 2
}}
/>
<HStack>
@@ -52,6 +51,14 @@ export default function Player(): React.JSX.Element {
</HStack>
<HStack>
{/* playback progress goes here */}
</HStack>
<HStack>
{playPauseButton(playbackState, play, pause)}
</HStack>
</YStack>
)}