diff --git a/public/_locales/en/messages.json b/public/_locales/en/messages.json index 2b85bb14..d579ac45 100644 --- a/public/_locales/en/messages.json +++ b/public/_locales/en/messages.json @@ -302,6 +302,9 @@ "skip": { "message": "Skip" }, + "mute": { + "message": "Mute" + }, "skip_category": { "message": "Skip {0}?" }, diff --git a/public/content.css b/public/content.css index b2e4b1e5..d9fc7045 100644 --- a/public/content.css +++ b/public/content.css @@ -467,7 +467,7 @@ input::-webkit-inner-spin-button { text-decoration: underline; } -.sponsorTimeCategories { +.sponsorTimeEditSelector { margin-top: 5px; margin-bottom: 5px; diff --git a/src/components/SponsorTimeEditComponent.tsx b/src/components/SponsorTimeEditComponent.tsx index 8d9f516e..5f7de240 100644 --- a/src/components/SponsorTimeEditComponent.tsx +++ b/src/components/SponsorTimeEditComponent.tsx @@ -1,12 +1,12 @@ import * as React from "react"; - -import Config from "../config"; import * as CompileConfig from "../../config.json"; - +import Config from "../config"; +import { ActionType, ActionTypes, Category, CategoryActionType, ContentContainer, SponsorTime } from "../types"; import Utils from "../utils"; -import { Category, CategoryActionType, ContentContainer, SponsorTime } from "../types"; -import SubmissionNoticeComponent from "./SubmissionNoticeComponent"; import { getCategoryActionType } from "../utils/categoryUtils"; +import SubmissionNoticeComponent from "./SubmissionNoticeComponent"; + + const utils = new Utils(); export interface SponsorTimeEditProps { @@ -32,6 +32,7 @@ class SponsorTimeEditComponent extends React.Component; + actionTypeOptionRef: React.RefObject; configUpdateListener: () => void; @@ -39,6 +40,7 @@ class SponsorTimeEditComponent extends React.Component this.saveEditTimes()}> + {this.getActionTypeOptions()} + + +
{/* Editing Tools */} @@ -269,6 +282,21 @@ class SponsorTimeEditComponent extends React.Component + {chrome.i18n.getMessage(actionType)} + + ); + } + + return elements; + } + setTimeToNow(index: number): void { this.setTimeTo(index, this.props.contentContainer().getRealCurrentTime()); } @@ -331,6 +359,7 @@ class SponsorTimeEditComponent extends React.Component