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

remove marquee and use textticker instead

Browse Source
This commit is contained in:
Violet Caulfield
2025-01-01 12:24:58 -06:00
parent b558ec86b4
commit 3ddc663b31
3 changed files with 25 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
components/Player/mini-player.tsx
View File

@@ -13,7 +13,7 @@ import { ImageType } from "@jellyfin/sdk/lib/generated-client/models";
import { getImageApi } from "@jellyfin/sdk/lib/utils/api";
import { queryConfig } from "../../api/queries/query.config";
import { useApiClientContext } from "../jellyfin-api-provider";
import { Marquee } from "@animatereactnative/marquee";
import TextTicker from 'react-native-text-ticker';
export function Miniplayer({ navigation }: { navigation : NavigationHelpers<ParamListBase, BottomTabNavigationEventMap> }) : React.JSX.Element {
@@ -42,8 +42,8 @@ export function Miniplayer({ navigation }: { navigation : NavigationHelpers<Para
)
}
imageStyle={{
width: 75,
height: 75,
width: 60,
height: 60,
borderRadius: 2,
}}
/>
@@ -52,13 +52,23 @@ export function Miniplayer({ navigation }: { navigation : NavigationHelpers<Para
<YStack alignContent="flex-start" flex={3}>
<Marquee spacing={20} speed={1}>
<TextTicker
duration={3000}
loop
repeatSpacer={20}
marqueeDelay={1000}
>
<Text bold>{nowPlaying?.title ?? "Nothing Playing"}</Text>
</Marquee>
</TextTicker>
<Marquee spacing={20} speed={1}>
<TextTicker
duration={3000}
loop
repeatSpacer={20}
marqueeDelay={1000}
>
<Text>{nowPlaying?.artist ?? ""}</Text>
</Marquee>
</TextTicker>
</YStack>
<Spacer />

7
package-lock.json generated
View File

@@ -39,6 +39,7 @@
"react-native-reanimated": "^3.16.3",
"react-native-safe-area-context": "^4.11.1",
"react-native-screens": "^3.34.0",
"react-native-text-ticker": "^1.14.0",
"react-native-track-player": "^4.1.1",
"react-native-url-polyfill": "^2.0.0",
"react-native-uuid": "^2.0.3",
@@ -19754,6 +19755,12 @@
"react-native": "*"
}
},
"node_modules/react-native-text-ticker": {
"version": "1.14.0",
"resolved": "https://registry.npmjs.org/react-native-text-ticker/-/react-native-text-ticker-1.14.0.tgz",
"integrity": "sha512-8TNGTcW43dfnCqIuXVA7F1Ny8SKGrw0pIrNS5nM7eda+6AsuPTZh3JQ2CwmSRYfsrlnS4QFrpyo5ykpI8nvtCw==",
"license": "MIT"
},
"node_modules/react-native-track-player": {
"version": "4.1.1",
"resolved": "https://registry.npmjs.org/react-native-track-player/-/react-native-track-player-4.1.1.tgz",

1
package.json
View File

@@ -41,6 +41,7 @@
"react-native-reanimated": "^3.16.3",
"react-native-safe-area-context": "^4.11.1",
"react-native-screens": "^3.34.0",
"react-native-text-ticker": "^1.14.0",
"react-native-track-player": "^4.1.1",
"react-native-url-polyfill": "^2.0.0",
"react-native-uuid": "^2.0.3",