ryanamay/ModularVencord
1
0
Fork 0
mirror of https://github.com/Vendicated/Vencord.git synced 2024-09-20 06:30:35 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

fix(mediaPlaybackSpeed): mediaRef is possibly undefined when 1 patch breaks

Browse source
This commit is contained in:
D3SOX 2024-06-06 11:58:25 +02:00
parent a8eea4dc7a
commit c9459e9cf7
No known key found for this signature in database
GPG key ID: 39EC1673FC37B048
1 changed files with 35 additions and 33 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

68
src/plugins/mediaPlaybackSpeed/index.tsx
View file

@ -25,48 +25,50 @@ export default definePlugin({
description: "Adds an icon to change the playback speed of media embeds",
authors: [Devs.D3SOX],
playbackSpeedComponent: ErrorBoundary.wrap((mediaRef: RefObject<HTMLMediaElement>) => {
playbackSpeedComponent: (mediaRef: RefObject<HTMLMediaElement> | undefined) => {
const changeSpeed = (speed: number) => {
const media = mediaRef.current;
const media = mediaRef?.current;
if (media) {
media.playbackRate = speed;
}
};
return (
<Tooltip text="Playback speed">
{tooltipProps => (
<button
{...tooltipProps}
className={cl("icon")}
onClick={e => {
ContextMenuApi.openContextMenu(e, () =>
<Menu.Menu
navId="vc-playback-speed"
onClose={() => FluxDispatcher.dispatch({ type: "CONTEXT_MENU_CLOSE" })}
aria-label="Playback speed control"
>
<Menu.MenuGroup
label="Playback speed"
<ErrorBoundary noop>
<Tooltip text="Playback speed">
{tooltipProps => (
<button
{...tooltipProps}
className={cl("icon")}
onClick={e => {
ContextMenuApi.openContextMenu(e, () =>
<Menu.Menu
navId="vc-playback-speed"
onClose={() => FluxDispatcher.dispatch({ type: "CONTEXT_MENU_CLOSE" })}
aria-label="Playback speed control"
>
{speeds.map(speed => (
<Menu.MenuItem
key={speed}
id={"speed-" + speed}
label={`${speed}x`}
action={() => changeSpeed(speed)}
/>
))}
</Menu.MenuGroup>
</Menu.Menu>
);
}}>
<SpeedIcon/>
</button>
)}
</Tooltip>
<Menu.MenuGroup
label="Playback speed"
>
{speeds.map(speed => (
<Menu.MenuItem
key={speed}
id={"speed-" + speed}
label={`${speed}x`}
action={() => changeSpeed(speed)}
/>
))}
</Menu.MenuGroup>
</Menu.Menu>
);
}}>
<SpeedIcon/>
</button>
)}
</Tooltip>
</ErrorBoundary>
);
}),
},
patches: [
// voice message embeds