Skip to content

Commit 86bad6f

Browse files
Edits persistence is complete
1 parent 631f181 commit 86bad6f

File tree

1 file changed

+203
-21
lines changed

1 file changed

+203
-21
lines changed

app/player/[id].js

Lines changed: 203 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -452,14 +452,134 @@ export default function PlayerPage() {
452452
<InlineMenu
453453
trigger={<SpeedIcon size={25} color={theme.text} />}
454454
options={[
455-
{ label: "0.25x", onPress: () => {} },
456-
{ label: "0.5x", onPress: () => {} },
457-
{ label: "0.75x", onPress: () => {} },
458-
{ label: "1x", onPress: () => {} },
459-
{ label: "1.25x", onPress: () => {} },
460-
{ label: "1.5x", onPress: () => {} },
461-
{ label: "1.75x", onPress: () => {} },
462-
{ label: "2x", onPress: () => {} },
455+
{
456+
label: "0.25x",
457+
onPress: () => {
458+
if (isEditor) {
459+
setEdits((prev) => {
460+
const edit = {
461+
...prev,
462+
speed: 0.25,
463+
metadata: { ...prev.metadata },
464+
};
465+
saveEdits(edit);
466+
return edit;
467+
});
468+
}
469+
},
470+
},
471+
{
472+
label: "0.5x",
473+
onPress: () => {
474+
if (isEditor) {
475+
setEdits((prev) => {
476+
const edit = {
477+
...prev,
478+
speed: 0.5,
479+
metadata: { ...prev.metadata },
480+
};
481+
saveEdits(edit);
482+
return edit;
483+
});
484+
}
485+
},
486+
},
487+
{
488+
label: "0.75x",
489+
onPress: () => {
490+
if (isEditor) {
491+
setEdits((prev) => {
492+
const edit = {
493+
...prev,
494+
speed: 0.75,
495+
metadata: { ...prev.metadata },
496+
};
497+
saveEdits(edit);
498+
return edit;
499+
});
500+
}
501+
},
502+
},
503+
{
504+
label: "1x",
505+
onPress: () => {
506+
if (isEditor) {
507+
setEdits((prev) => {
508+
const edit = {
509+
...prev,
510+
speed: 1,
511+
metadata: { ...prev.metadata },
512+
};
513+
saveEdits(edit);
514+
return edit;
515+
});
516+
}
517+
},
518+
},
519+
{
520+
label: "1.25x",
521+
onPress: () => {
522+
if (isEditor) {
523+
setEdits((prev) => {
524+
const edit = {
525+
...prev,
526+
speed: 1.25,
527+
metadata: { ...prev.metadata },
528+
};
529+
saveEdits(edit);
530+
return edit;
531+
});
532+
}
533+
},
534+
},
535+
{
536+
label: "1.5x",
537+
onPress: () => {
538+
if (isEditor) {
539+
setEdits((prev) => {
540+
const edit = {
541+
...prev,
542+
speed: 1.5,
543+
metadata: { ...prev.metadata },
544+
};
545+
saveEdits(edit);
546+
return edit;
547+
});
548+
}
549+
},
550+
},
551+
{
552+
label: "1.75x",
553+
onPress: () => {
554+
if (isEditor) {
555+
setEdits((prev) => {
556+
const edit = {
557+
...prev,
558+
speed: 1.75,
559+
metadata: { ...prev.metadata },
560+
};
561+
saveEdits(edit);
562+
return edit;
563+
});
564+
}
565+
},
566+
},
567+
{
568+
label: "2x",
569+
onPress: () => {
570+
if (isEditor) {
571+
setEdits((prev) => {
572+
const edit = {
573+
...prev,
574+
speed: 2,
575+
metadata: { ...prev.metadata },
576+
};
577+
saveEdits(edit);
578+
return edit;
579+
});
580+
}
581+
},
582+
},
463583
]}
464584
/>
465585
</View>
@@ -492,19 +612,81 @@ export default function PlayerPage() {
492612
<InlineMenu
493613
trigger={<VolumeIcon size={25} color={theme.text} />}
494614
options={[
495-
{ label: `${displayPercentage(0)}%`, onPress: () => {} },
496-
// { label: `${displayPercentage(0.5)}%`, onPress: () => {} },
497-
// { label: `${displayPercentage(1)}%`, onPress: () => {} },
498-
{ label: `${displayPercentage(1.25)}%`, onPress: () => {} },
499-
// { label: `${displayPercentage(1.5)}%`, onPress: () => {} },
500-
// { label: `${displayPercentage(2)}%`, onPress: () => {} },
501-
{ label: `${displayPercentage(2.5)}%`, onPress: () => {} },
502-
// { label: `${displayPercentage(3)}%`, onPress: () => {} },
503-
// { label: `${displayPercentage(3.5)}%`, onPress: () => {} },
504-
{ label: `${displayPercentage(3.75)}%`, onPress: () => {} },
505-
// { label: `${displayPercentage(4)}%`, onPress: () => {} },
506-
// { label: `${displayPercentage(4.5)}%`, onPress: () => {} },
507-
{ label: `${displayPercentage(5)}%`, onPress: () => {} },
615+
{
616+
label: `${displayPercentage(0)}%`,
617+
onPress: () => {
618+
if (isEditor) {
619+
setEdits((prev) => {
620+
const edit = {
621+
...prev,
622+
volume: 0,
623+
};
624+
saveEdits(edit);
625+
return edit;
626+
});
627+
}
628+
},
629+
},
630+
{
631+
label: `${displayPercentage(1.25)}%`,
632+
onPress: () => {
633+
if (isEditor) {
634+
setEdits((prev) => {
635+
const edit = {
636+
...prev,
637+
volume: 1.25,
638+
};
639+
saveEdits(edit);
640+
return edit;
641+
});
642+
}
643+
},
644+
},
645+
{
646+
label: `${displayPercentage(2.5)}%`,
647+
onPress: () => {
648+
if (isEditor) {
649+
setEdits((prev) => {
650+
const edit = {
651+
...prev,
652+
volume: 2.5,
653+
};
654+
saveEdits(edit);
655+
return edit;
656+
});
657+
}
658+
},
659+
},
660+
{
661+
label: `${displayPercentage(3.75)}%`,
662+
onPress: () => {
663+
if (isEditor) {
664+
setEdits((prev) => {
665+
const edit = {
666+
...prev,
667+
volume: 3.75,
668+
};
669+
saveEdits(edit);
670+
return edit;
671+
});
672+
}
673+
},
674+
},
675+
{
676+
label: `${displayPercentage(5)}%`,
677+
onPress: () => {
678+
if (isEditor) {
679+
setEdits((prev) => {
680+
const edit = {
681+
...prev,
682+
volume: 5,
683+
};
684+
saveEdits(edit);
685+
return edit;
686+
});
687+
}
688+
},
689+
},
508690
]}
509691
/>
510692
</View>

0 commit comments

Comments
 (0)