mirror of
https://github.com/sussy-code/smov.git
synced 2025-01-01 16:37:39 +01:00
Update PopupModal.tsx
This commit is contained in:
parent
d830115f89
commit
7643c777b8
1 changed files with 7 additions and 3 deletions
|
@ -37,6 +37,7 @@ function formatRuntime(runtime: number) {
|
||||||
export function PopupModal({
|
export function PopupModal({
|
||||||
isVisible,
|
isVisible,
|
||||||
onClose,
|
onClose,
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||||
playingTitle,
|
playingTitle,
|
||||||
media,
|
media,
|
||||||
}: PopupModalProps) {
|
}: PopupModalProps) {
|
||||||
|
@ -48,6 +49,8 @@ export function PopupModal({
|
||||||
const [data, setData] = useState<any>(null);
|
const [data, setData] = useState<any>(null);
|
||||||
const [mediaInfo, setMediaInfo] = useState<any>(null);
|
const [mediaInfo, setMediaInfo] = useState<any>(null);
|
||||||
const [error, setError] = useState<string | null>(null);
|
const [error, setError] = useState<string | null>(null);
|
||||||
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
||||||
|
const [menuOpen, setMenuOpen] = useState<boolean>(false); // Added definition for menuOpen
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
|
@ -149,7 +152,7 @@ export function PopupModal({
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div
|
<div
|
||||||
className="fixed inset-0 bg-opacity-50 flex justify-center items-center z-50 transition-opacity duration-100"
|
className="fixed inset-0 bg-opacity-50 flex justify-center items-center z-50 transition-opacity duration-100 overflow-y-auto"
|
||||||
style={{ opacity: style.opacity, visibility: style.visibility }}
|
style={{ opacity: style.opacity, visibility: style.visibility }}
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
|
@ -249,8 +252,9 @@ export function PopupModal({
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
))
|
))
|
||||||
: Array.from({ length: 3 }).map((_) => (
|
: Array.from({ length: 3 }).map((_, i) => (
|
||||||
<div className="inline-block">
|
// eslint-disable-next-line react/no-array-index-key
|
||||||
|
<div key={i} className="inline-block">
|
||||||
<Skeleton />
|
<Skeleton />
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
|
|
Loading…
Reference in a new issue