mirrors/Vencord
1
0
Fork 1
mirror of https://github.com/Vendicated/Vencord.git synced 2025-01-10 09:56:24 +00:00
Code Activity

feat(mediaPlaybackSpeed): add tooltip

Browse source
This commit is contained in:
D3SOX 2024-06-03 02:55:18 +02:00
parent 7708172b12
commit b4e71fe412
No known key found for this signature in database
GPG key ID: 39EC1673FC37B048
1 changed files with 33 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -10,7 +10,7 @@ import { classNameFactory } from "@api/Styles";
import { makeRange } from "@components/PluginSettings/components";
import { Devs } from "@utils/constants";
import definePlugin from "@utils/types";
import { ContextMenuApi, FluxDispatcher, Menu, React } from "@webpack/common";
import { ContextMenuApi, FluxDispatcher, Menu, React, Tooltip } from "@webpack/common";
import { RefObject } from "react";
import SpeedIcon from "./components/SpeedIcon";
@ -33,31 +33,38 @@ export default definePlugin({
};
return (
<button className={cl("icon")} onClick={e => {
ContextMenuApi.openContextMenu(e, () =>
<Menu.Menu
navId="playback-speed"
onClose={() => FluxDispatcher.dispatch({ type: "CONTEXT_MENU_CLOSE" })}
aria-label="Playback speed control"
>
<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 text="Playback speed">
{({ onMouseEnter, onMouseLeave }) => (
<button
className={cl("icon")}
onMouseEnter={onMouseEnter}
onMouseLeave={onMouseLeave}
onClick={e => {
ContextMenuApi.openContextMenu(e, () =>
<Menu.Menu
navId="playback-speed"
onClose={() => FluxDispatcher.dispatch({ type: "CONTEXT_MENU_CLOSE" })}
aria-label="Playback speed control"
>
<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>
);
},