mirror of
https://github.com/zimplexing/OrionTV.git
synced 2026-02-04 11:44:44 +08:00
2bed3a4d00
- Added login/logout buttons to the HomeScreen and SettingsScreen. - Integrated authentication state management using Zustand and cookies. - Updated API to support username and password for login. - Enhanced PlayScreen to handle video playback based on user authentication. - Created a new detailStore to manage video details and sources. - Refactored playerStore to utilize detailStore for episode management. - Added sourceStore to manage video source toggling. - Updated settingsStore to fetch server configuration. - Improved error handling and user feedback with Toast notifications. - Cleaned up unused code and optimized imports across components.
81 lines
2.2 KiB
TypeScript
81 lines
2.2 KiB
TypeScript
import React from "react";
|
|
import { View, Text, StyleSheet, Modal, FlatList } from "react-native";
|
|
import { StyledButton } from "./StyledButton";
|
|
import useDetailStore from "@/stores/detailStore";
|
|
import usePlayerStore from "@/stores/playerStore";
|
|
|
|
export const SourceSelectionModal: React.FC = () => {
|
|
const { showSourceModal, setShowSourceModal } = usePlayerStore();
|
|
const { searchResults, detail, setDetail } = useDetailStore();
|
|
|
|
const onSelectSource = (index: number) => {
|
|
if (searchResults[index].source !== detail?.source) {
|
|
setDetail(searchResults[index]);
|
|
}
|
|
setShowSourceModal(false);
|
|
};
|
|
|
|
const onClose = () => {
|
|
setShowSourceModal(false);
|
|
};
|
|
|
|
return (
|
|
<Modal visible={showSourceModal} transparent={true} animationType="slide" onRequestClose={onClose}>
|
|
<View style={styles.modalContainer}>
|
|
<View style={styles.modalContent}>
|
|
<Text style={styles.modalTitle}>选择播放源</Text>
|
|
<FlatList
|
|
data={searchResults}
|
|
numColumns={3}
|
|
contentContainerStyle={styles.sourceList}
|
|
keyExtractor={(item, index) => `source-${item.source}-${index}`}
|
|
renderItem={({ item, index }) => (
|
|
<StyledButton
|
|
text={item.source_name}
|
|
onPress={() => onSelectSource(index)}
|
|
isSelected={detail?.source === item.source}
|
|
hasTVPreferredFocus={detail?.source === item.source}
|
|
style={styles.sourceItem}
|
|
textStyle={styles.sourceItemText}
|
|
/>
|
|
)}
|
|
/>
|
|
</View>
|
|
</View>
|
|
</Modal>
|
|
);
|
|
};
|
|
|
|
const styles = StyleSheet.create({
|
|
modalContainer: {
|
|
flex: 1,
|
|
flexDirection: "row",
|
|
justifyContent: "flex-end",
|
|
backgroundColor: "transparent",
|
|
},
|
|
modalContent: {
|
|
width: 600,
|
|
height: "100%",
|
|
backgroundColor: "rgba(0, 0, 0, 0.85)",
|
|
padding: 20,
|
|
},
|
|
modalTitle: {
|
|
color: "white",
|
|
marginBottom: 12,
|
|
textAlign: "center",
|
|
fontSize: 18,
|
|
fontWeight: "bold",
|
|
},
|
|
sourceList: {
|
|
justifyContent: "flex-start",
|
|
},
|
|
sourceItem: {
|
|
paddingVertical: 2,
|
|
margin: 4,
|
|
width: "31%",
|
|
},
|
|
sourceItemText: {
|
|
fontSize: 14,
|
|
},
|
|
});
|