feat: togglePlay 方法取消使用 useCallback

This commit is contained in:
HouKunLin 2023-05-17 09:27:16 +08:00
parent 854c29c3d1
commit 4341203c08

View File

@ -18,7 +18,6 @@ import {
import { DecryptedAudioFile, deleteFile, ProcessState } from './fileListingSlice';
import { useCallback, useRef } from 'react';
import { useAppDispatch } from '~/hooks';
import coverFallback from '~/assets/no-cover.svg';
interface FileRowProps {
id: string;
@ -35,7 +34,7 @@ export function FileRow({ id, file }: FileRowProps) {
const decryptedName = nameWithoutExt + '.' + file.ext;
const audioPlayerRef = useRef<HTMLAudioElement>(null);
const togglePlay = useCallback(() => {
const togglePlay = () => {
const player = audioPlayerRef.current;
if (!player) {
return;
@ -46,7 +45,7 @@ export function FileRow({ id, file }: FileRowProps) {
} else {
player.pause();
}
}, []);
};
const handleDeleteRow = useCallback(() => {
onClose();
@ -89,7 +88,7 @@ export function FileRow({ id, file }: FileRowProps) {
objectFit="cover"
src={metadata.cover}
alt={`"${metadata.album}" 的专辑封面`}
fallbackSrc={coverFallback}
fallbackSrc={'/assets/no-cover.svg'}
/>
)}
</Center>