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

add marquee for loooooooong titles and artist names

Browse Source
This commit is contained in:
Violet Caulfield
2024-12-31 15:55:59 -06:00
parent 4718bce186
commit a2679076ae
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,6 @@
import React, { useEffect, useMemo, useState } from "react";
import React, { } from "react";
import { Spacer, Spinner, XStack, YStack } from "tamagui";
import { State, useActiveTrack, usePlaybackState } from "react-native-track-player";
import { JellifyTrack } from "../../types/JellifyTrack";
import { State, usePlaybackState } from "react-native-track-player";
import { usePlayerContext } from "../../player/provider";
import { BottomTabNavigationEventMap } from "@react-navigation/bottom-tabs";
import { NavigationHelpers, ParamListBase } from "@react-navigation/native";
@@ -14,6 +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";
export function Miniplayer({ navigation }: { navigation : NavigationHelpers<ParamListBase, BottomTabNavigationEventMap> }) : React.JSX.Element {
@@ -52,8 +52,13 @@ export function Miniplayer({ navigation }: { navigation : NavigationHelpers<Para
<YStack alignContent="flex-start" flex={3}>
<Text bold>{nowPlaying?.title ?? "Nothing Playing"}</Text>
<Text>{nowPlaying?.artist ?? ""}</Text>
<Marquee spacing={20} speed={1}>
<Text bold>{nowPlaying?.title ?? "Nothing Playing"}</Text>
</Marquee>
<Marquee spacing={20} speed={1}>
<Text>{nowPlaying?.artist ?? ""}</Text>
</Marquee>
</YStack>
<Spacer />