diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json index a1419071..f3690e6c 100644 --- a/public/_locales/en/messages.json +++ b/public/_locales/en/messages.json @@ -483,27 +483,45 @@ "category_sponsor": { "message": "Sponsor" }, + "category_sponsor_description": { + "message": "Paid promotion, paid referrals and direct advertisements. Not for self-promotion or free shoutouts to causes or other creators/websites/products they like." + }, "category_intro": { "message": "Intro Animation" }, + "category_intro_description": { + "message": "Intro animations that are recurring in the series or provide no direct value. This should not be used on music videos." + }, "category_intro_short": { "message": "Intro" }, "category_outro": { "message": "Endcards/Credits" }, + "category_outro_description": { + "message": "Credits or when the YouTube endcards appear. Not for spoken conclusions. This should not include useful content. This should not be used on music videos." + }, "category_interaction": { "message": "Interaction Reminder (Subscribe)" }, + "category_interaction_description": { + "message": "When there is a short reminder to like, subscribe or follow them in the middle of content. If it is long or about something specific, it should be under self promotion instead." + }, "category_interaction_short": { "message": "Interaction Reminder" }, "category_selfpromo": { "message": "Unpaid/Self Promotion" }, + "category_selfpromo_description": { + "message": "Similar to \"sponsor\" except for unpaid or self promotion. This includes sections about merchandise, donations, or information about who they collaborated with." + }, "category_music_offtopic": { "message": "Music: Non-Music Section" }, + "category_music_offtopic_description": { + "message": "Only for use in music videos. This includes introductions or outros in music videos." + }, "category_music_offtopic_short": { "message": "Non-Music" }, diff --git a/src/components/CategorySkipOptionsComponent.tsx b/src/components/CategorySkipOptionsComponent.tsx index 75b7f397..57fab501 100644 --- a/src/components/CategorySkipOptionsComponent.tsx +++ b/src/components/CategorySkipOptionsComponent.tsx @@ -45,54 +45,65 @@ class CategorySkipOptionsComponent extends React.Component - - {chrome.i18n.getMessage("category_" + this.props.category)} - + <> + + + {chrome.i18n.getMessage("category_" + this.props.category)} + - - - - - - this.setColorState(event, false)} - value={this.state.color} /> - + + + + + + this.setColorState(event, false)} + value={this.state.color} /> + - - this.setColorState(event, true)} - value={this.state.previewColor} /> - + + this.setColorState(event, true)} + value={this.state.previewColor} /> + - -
this.save()}> - {chrome.i18n.getMessage("save")} -
- + +
this.save()}> + {chrome.i18n.getMessage("save")} +
+ - - + + + + + + {chrome.i18n.getMessage("category_" + this.props.category + "_description")} + + + + ); }