diff --git a/public/content.css b/public/content.css index 85a6887a..f9a6aab6 100644 --- a/public/content.css +++ b/public/content.css @@ -217,7 +217,7 @@ /* if two are very close to eachother */ .secondSkipNotice { - bottom: 250px; + bottom: 290px; } .noticeLeftIcon { diff --git a/src/components/SkipNoticeComponent.tsx b/src/components/SkipNoticeComponent.tsx index 7ad24253..775ab42f 100644 --- a/src/components/SkipNoticeComponent.tsx +++ b/src/components/SkipNoticeComponent.tsx @@ -235,10 +235,10 @@ class SkipNoticeComponent extends React.Component this.openEditingOptions()}> - + @@ -257,7 +257,10 @@ class SkipNoticeComponent extends React.Component this.resetStateToStart()}> + onClick={() => this.setState({ + thanksForVotingText: null, + messages: [] + })}> {chrome.i18n.getMessage("ContinueVoting")} @@ -279,7 +282,7 @@ class SkipNoticeComponent extends React.Component), /* Edit Segments Row */ - (this.state.editing && + (this.state.editing && !this.state.thanksForVotingText && !(this.state.choosingCategory || this.state.actionState === SkipNoticeAction.CopyDownvote) && @@ -287,7 +290,8 @@ class SkipNoticeComponent extends React.Component this.prepAction(SkipNoticeAction.CopyDownvote)}> {chrome.i18n.getMessage("CopyAndDownvote")} @@ -296,16 +300,15 @@ class SkipNoticeComponent extends React.Component this.openCategoryChooser()}> + onClick={() => this.resetStateToStart(SkipNoticeAction.CategoryVote, true, true)}> {chrome.i18n.getMessage("incorrectCategory")} - ), /* Category Chooser Row */ - (this.state.choosingCategory && + (this.state.choosingCategory && !this.state.thanksForVotingText && @@ -326,13 +329,12 @@ class SkipNoticeComponent extends React.Component } - ), /* Segment Chooser Row */ - (this.state.actionState !== SkipNoticeAction.None && + (this.state.actionState !== SkipNoticeAction.None && this.segments.length > 1 && !this.state.thanksForVotingText && @@ -364,11 +366,13 @@ class SkipNoticeComponent extends React.Component { - if (this.segments.length > 1) { - // Use the action selectors as a submit button - this.prepAction(SkipNoticeAction.CategoryVote); - } - }); + this.resetStateToStart(undefined, true); } getCategoryOptions(): React.ReactElement[] { @@ -650,7 +610,7 @@ class SkipNoticeComponent extends React.Component x.UUID === segment.UUID); + const index = utils.getSponsorIndexFromUUID(this.segments, segment.UUID); const wikiLinkText = Config.config.wikiPages.get(segment.category); switch (type) { case 0: @@ -671,13 +631,15 @@ class SkipNoticeComponent extends React.Component