Radiquum/AniX
1
0
Fork 0
mirror of https://github.com/Radiquum/AniX.git synced 2025-04-05 07:44:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor: made voiceover selector in columns

Browse source
This commit is contained in:
Kentai Radiquum 2025-03-16 01:31:30 +05:00
parent 3c95fa3c3e
commit b5c8bcfa6e
Signed by: Radiquum
GPG key ID: 858E8EE696525EED
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
app/components/ReleasePlayer/VoiceoverSelector.tsx
View file

@ -56,6 +56,10 @@ const DropdownItem = ({
);
};
const DropdownTheme = {
content: "md:grid md:grid-cols-2 xl:grid-cols-4 gap-2 w-full container",
};
export const VoiceoverSelector = (props: {
availableVoiceover: Voiceover[];
voiceover: Voiceover;
@ -66,6 +70,7 @@ export const VoiceoverSelector = (props: {
return (
<Dropdown
theme={DropdownTheme}
label=""
dismissOnClick={true}
renderTrigger={() => (
@ -76,9 +81,13 @@ export const VoiceoverSelector = (props: {
>
{props.availableVoiceover.map((voiceover: Voiceover) => (
<Dropdown.Item
className="w-fit"
key={`voiceover_${voiceover.id}`}
onClick={() => {
playerPreferenceStore.setPreferredVoiceover(props.release_id, voiceover.name);
playerPreferenceStore.setPreferredVoiceover(
props.release_id,
voiceover.name
);
props.setVoiceover({
selected: voiceover,
available: props.availableVoiceover,