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

can we just memorize the whole this

Browse Source
This commit is contained in:
Violet Caulfield
2025-02-20 21:52:00 -06:00
parent f7fcc8ad6f
commit bb370c410e
1 changed files with 55 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
components/Player/screens/index.tsx
View File

@@ -76,65 +76,67 @@ export default function PlayerScreen({
<>
<YStack>
<XStack
marginBottom={"$2"}
marginHorizontal={"$2"}
>
{ useMemo(() => (
<>
<XStack
marginBottom={"$2"}
marginHorizontal={"$2"}
>
<YStack
alignContent="flex-end"
flex={1}
justifyContent="center"
>
<Icon
name="chevron-down"
onPress={() => {
navigation.goBack();
}}
small
/>
</YStack>
<YStack
alignContent="flex-end"
flex={1}
justifyContent="center"
>
<Icon
name="chevron-down"
onPress={() => {
navigation.goBack();
}}
small
/>
</YStack>
<YStack
alignItems="center"
alignContent="center"
flex={3}
>
<YStack
alignItems="center"
alignContent="center"
flex={3}
>
<Text>Playing from</Text>
<Text bold>
{
// If the Queue is a BaseItemDto, display the name of it
typeof(queue) === 'object'
? (queue as BaseItemDto).Name ?? "Untitled"
: queue
}
</Text>
</YStack>
<Text>Playing from</Text>
<Text bold>
{
// If the Queue is a BaseItemDto, display the name of it
typeof(queue) === 'object'
? (queue as BaseItemDto).Name ?? "Untitled"
: queue
}
</Text>
</YStack>
<Spacer flex={1} />
</XStack>
<Spacer flex={1} />
</XStack>
<XStack
justifyContent="center"
alignContent="center"
minHeight={width / 1.1}
// onPress={() => {
// useTogglePlayback.mutate(undefined)
// }}
>
{ useMemo(() => {
return (
<BlurhashedImage
borderRadius={2}
item={nowPlaying!.item}
width={width / 1.1}
/>
)
}, [
nowPlaying
<XStack
justifyContent="center"
alignContent="center"
minHeight={width / 1.1}
// onPress={() => {
// useTogglePlayback.mutate(undefined)
// }}
>
<BlurhashedImage
borderRadius={2}
item={nowPlaying!.item}
width={width / 1.1}
/>
)
</XStack>
</>
), [
nowPlaying,
queue
])}
</XStack>
<XStack marginHorizontal={20} paddingVertical={5}>