Creepso/NuvioStreaming
1
0
Fork 0
mirror of https://github.com/tapframe/NuvioStreaming.git synced 2026-04-04 16:59:42 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Refactor Trakt integration for improved session handling and UI updates

Browse source 
This update refines the Trakt integration by enhancing session management and updating UI components to better reflect watched states. The useTraktAutosync and useWatchProgress hooks have been optimized for more reliable session tracking and progress display. Additionally, the HeroSection and ActionButtons now provide clearer indicators of content watched status, improving user experience and synchronization with Trakt.
This commit is contained in:
tapframe 2025-06-19 23:52:51 +05:30
parent 6d8666d905
commit 6bd9cc8064
1 changed files with 17 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
src/components/metadata/SeriesContent.tsx
View file

@ -334,14 +334,13 @@ export const SeriesContent: React.FC<SeriesContentProps> = ({
style={[
styles.episodeCardHorizontal,
isTablet && styles.episodeCardHorizontalTablet,
// Enhanced border styling
// Gradient border styling
{
borderWidth: 2,
borderColor: 'transparent', // Make base border transparent
// Add gradient border effect using shadow
shadowColor: currentTheme.colors.primary,
shadowOffset: { width: 0, height: 0 },
shadowOpacity: 0.6,
borderWidth: 1,
borderColor: 'transparent',
shadowColor: '#000',
shadowOffset: { width: 0, height: 4 },
shadowOpacity: 0.3,
shadowRadius: 8,
elevation: 12,
}
@ -352,26 +351,26 @@ export const SeriesContent: React.FC<SeriesContentProps> = ({
{/* Gradient Border Container */}
<View style={{
position: 'absolute',
top: -2,
left: -2,
right: -2,
bottom: -2,
borderRadius: 18,
top: -1,
left: -1,
right: -1,
bottom: -1,
borderRadius: 17,
zIndex: -1,
}}>
<LinearGradient
colors={[
currentTheme.colors.primary + '80', // 80% opacity
currentTheme.colors.primary + '40', // 40% opacity
currentTheme.colors.primary + '20', // 20% opacity
currentTheme.colors.primary + '40', // 40% opacity
currentTheme.colors.primary + '80', // 80% opacity
'#ffffff80', // White with 50% opacity
'#ffffff40', // White with 25% opacity
'#ffffff20', // White with 12% opacity
'#ffffff40', // White with 25% opacity
'#ffffff80', // White with 50% opacity
]}
start={{ x: 0, y: 0 }}
end={{ x: 1, y: 1 }}
style={{
flex: 1,
borderRadius: 18,
borderRadius: 17,
}}
/>
</View>