Mirror/SponsorBlock
1
0
Fork 0
mirror of https://github.com/ajayyy/SponsorBlock.git synced 2025-12-09 13:07:05 +03:00
Code Issues Packages Projects Releases Wiki Activity

Changed UI data to be store in strings for better UX

Browse Source
This commit is contained in:
Ajay Ramachandran
2020-04-02 01:29:12 -04:00
parent e17eb60b4d
commit 5575eda7b1
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/components/SponsorTimeEditComponent.tsx
View File

@@ -20,7 +20,7 @@ export interface SponsorTimeEditProps {
export interface SponsorTimeEditState { export interface SponsorTimeEditState {
editing: boolean; editing: boolean;
sponsorTimeEdits: number[][]; sponsorTimeEdits: string[][];
} }
class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, SponsorTimeEditState> { class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, SponsorTimeEditState> {
@@ -75,7 +75,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
value={this.state.sponsorTimeEdits[0][0]} value={this.state.sponsorTimeEdits[0][0]}
onChange={(e) => { onChange={(e) => {
let sponsorTimeEdits = this.state.sponsorTimeEdits; let sponsorTimeEdits = this.state.sponsorTimeEdits;
sponsorTimeEdits[0][0] = parseFloat(e.target.value); sponsorTimeEdits[0][0] = e.target.value;
this.setState({sponsorTimeEdits}); this.setState({sponsorTimeEdits});
}}> }}>
@@ -87,7 +87,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
value={this.state.sponsorTimeEdits[0][1]} value={this.state.sponsorTimeEdits[0][1]}
onChange={(e) => { onChange={(e) => {
let sponsorTimeEdits = this.state.sponsorTimeEdits; let sponsorTimeEdits = this.state.sponsorTimeEdits;
sponsorTimeEdits[0][1] = parseFloat(e.target.value); sponsorTimeEdits[0][1] = e.target.value;
this.setState({sponsorTimeEdits}); this.setState({sponsorTimeEdits});
}}> }}>
@@ -103,7 +103,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
value={this.state.sponsorTimeEdits[1][0]} value={this.state.sponsorTimeEdits[1][0]}
onChange={(e) => { onChange={(e) => {
let sponsorTimeEdits = this.state.sponsorTimeEdits; let sponsorTimeEdits = this.state.sponsorTimeEdits;
sponsorTimeEdits[1][0] = parseFloat(e.target.value); sponsorTimeEdits[1][0] = e.target.value;
this.setState({sponsorTimeEdits}); this.setState({sponsorTimeEdits});
}}> }}>
@@ -115,7 +115,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
value={this.state.sponsorTimeEdits[1][1]} value={this.state.sponsorTimeEdits[1][1]}
onChange={(e) => { onChange={(e) => {
let sponsorTimeEdits = this.state.sponsorTimeEdits; let sponsorTimeEdits = this.state.sponsorTimeEdits;
sponsorTimeEdits[1][1] = parseFloat(e.target.value); sponsorTimeEdits[1][1] = e.target.value;
this.setState({sponsorTimeEdits}); this.setState({sponsorTimeEdits});
}}> }}>
@@ -224,16 +224,16 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
} }
/** Returns an array in the sponsorTimeEdits form (minutes and seconds) from a normal seconds sponsor time */ /** Returns an array in the sponsorTimeEdits form (minutes and seconds) from a normal seconds sponsor time */
getFormattedSponsorTimesEdits(sponsorTime: number[]): number[][] { getFormattedSponsorTimesEdits(sponsorTime: number[]): string[][] {
return [[utils.getFormattedMinutes(sponsorTime[0]), utils.getFormattedSeconds(sponsorTime[0])], return [[String(utils.getFormattedMinutes(sponsorTime[0])), String(utils.getFormattedSeconds(sponsorTime[0]))],
[utils.getFormattedMinutes(sponsorTime[1]), utils.getFormattedSeconds(sponsorTime[1])]] [String(utils.getFormattedMinutes(sponsorTime[1])), String(utils.getFormattedSeconds(sponsorTime[1]))]];
} }
saveEditTimes() { saveEditTimes() {
// Save sponsorTimes // Save sponsorTimes
this.props.contentContainer().sponsorTimesSubmitting[this.props.index] = this.props.contentContainer().sponsorTimesSubmitting[this.props.index] =
[utils.getRawSeconds(this.state.sponsorTimeEdits[0][0], this.state.sponsorTimeEdits[0][1]), [utils.getRawSeconds(parseFloat(this.state.sponsorTimeEdits[0][0]), parseFloat(this.state.sponsorTimeEdits[0][1])),
utils.getRawSeconds(this.state.sponsorTimeEdits[1][0], this.state.sponsorTimeEdits[1][1])]; utils.getRawSeconds(parseFloat(this.state.sponsorTimeEdits[1][0]), parseFloat(this.state.sponsorTimeEdits[1][1]))];
Config.config.sponsorTimes.set(this.props.contentContainer().sponsorVideoID, this.props.contentContainer().sponsorTimesSubmitting); Config.config.sponsorTimes.set(this.props.contentContainer().sponsorVideoID, this.props.contentContainer().sponsorTimesSubmitting);