CarlGao4/um-react
1
0
Fork 0
mirror of https://git.unlock-music.dev/um/um-react.git synced 2024-11-24 00:02:16 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: togglePlay 方法取消使用 useCallback

Browse Source
This commit is contained in:
HouKunLin 2023-05-17 09:27:16 +08:00
parent 854c29c3d1
commit 4341203c08
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/features/file-listing/FileRow.tsx
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>