refactor(lint): fix trivial linting errors

src/components/CategoryChooserComponent.tsx

@@ -23,7 +23,7 @@ class CategoryChooserComponent extends React.Component<CategoryChooserProps, Cat
         }
     }
 
-    render() {
+    render(): React.ReactElement {
         return (
             <table id="categoryChooserTable"
                 className="categoryChooserTable"> 

src/components/CategorySkipOptionsComponent.tsx

@@ -29,7 +29,7 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr
         }
     }
 
-    render() {
+    render(): React.ReactElement {
         let defaultOption = "disable";
         // Set the default opton properly
         for (const categorySelection of Config.config.categorySelections) {
@@ -160,7 +160,7 @@ class CategorySkipOptionsComponent extends React.Component<CategorySkipOptionsPr
         return elements;
     }
 
-    setColorState(event: React.FormEvent<HTMLInputElement>, preview: boolean) {
+    setColorState(event: React.FormEvent<HTMLInputElement>, preview: boolean): void {
         if (preview) {
             this.setState({
                 previewColor: event.currentTarget.value

src/components/NoticeComponent.tsx

@@ -60,11 +60,11 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
         }
     }
 
-    componentDidMount() {
+    componentDidMount(): void {
         this.startCountdown();
     }
 
-    render() {
+    render(): React.ReactElement {
         const noticeStyle: React.CSSProperties = {
             zIndex: this.props.zIndex || (50 + this.amountOfPreviousNotices)
         }
@@ -124,19 +124,19 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
         );
     }
 
-    timerMouseEnter() {
+    timerMouseEnter(): void {
         if (this.state.countdownManuallyPaused) return;
 
         this.pauseCountdown();
     }
 
-    timerMouseLeave() {
+    timerMouseLeave(): void {
         if (this.state.countdownManuallyPaused) return;
 
         this.startCountdown();
     }
 
-    toggleManualPause() {
+    toggleManualPause(): void {
         this.setState({
             countdownManuallyPaused: !this.state.countdownManuallyPaused
         }, () => {
@@ -149,7 +149,7 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
     }
 
     //called every second to lower the countdown before hiding the notice
-    countdown() {
+    countdown(): void {
         if (!this.props.timed) return;
 
         const countdownTime = this.state.countdownTime - 1;
@@ -176,7 +176,7 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
         })
     }
 
-    pauseCountdown() {
+    pauseCountdown(): void {
         if (!this.props.timed) return;
 
         //remove setInterval
@@ -195,7 +195,7 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
         notice.style.animation = "none";
     }
 
-    startCountdown() {
+    startCountdown(): void {
         if (!this.props.timed) return;
 
         //if it has already started, don't start it again
@@ -209,7 +209,7 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
         this.countdownInterval = setInterval(this.countdown.bind(this), 1000);
     }
 
-    resetCountdown() {
+    resetCountdown(): void {
         if (!this.props.timed) return;
 
         this.setState({
@@ -221,20 +221,20 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
     /**
      * @param silent If true, the close listener will not be called
      */
-    close(silent?: boolean) {
+    close(silent?: boolean): void {
         //remove setInterval
         if (this.countdownInterval !== null) clearInterval(this.countdownInterval);
 
         if (!silent) this.props.closeListener();
     }
 
-    changeNoticeTitle(title) {
+    changeNoticeTitle(title: string): void {
         this.setState({
             noticeTitle: title
         });
     }
     
-    addNoticeInfoMessage(message: string, message2 = "") {
+    addNoticeInfoMessage(message: string, message2 = ""): void {
         //TODO: Replace
 
         const previousInfoMessage = document.getElementById("sponsorTimesInfoMessage" + this.idSuffix);
@@ -270,4 +270,4 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
     }
 }
 
-export default NoticeComponent;
+export default NoticeComponent;

src/components/NoticeTextSectionComponent.tsx

@@ -16,7 +16,7 @@ class NoticeTextSelectionComponent extends React.Component<NoticeTextSelectionPr
         super(props);
     }
 
-    render() {
+    render(): React.ReactElement {
         const style: React.CSSProperties = {};
         if (this.props.onClick) {
             style.cursor = "pointer";

src/components/SkipNoticeComponent.tsx

@@ -129,14 +129,14 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
         }
     }
 
-    componentDidMount() {
+    componentDidMount(): void {
         if (Config.config.audioNotificationOnSkip && this.audio) {
             this.audio.volume = this.contentContainer().v.volume * 0.1;
             if (this.autoSkip) this.audio.play();
         }
     }
 
-    render() {
+    render(): React.ReactElement {
         const noticeStyle: React.CSSProperties = {
             zIndex: 50 + this.amountOfPreviousNotices
         }
@@ -301,7 +301,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
         return elements;
     }
 
-    prepAction(action: SkipNoticeAction) {
+    prepAction(action: SkipNoticeAction): void {
         if (this.segments.length === 1) {
             this.performAction(0, action);
         } else {
@@ -341,7 +341,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
      * 
      * @param index 
      */
-    performAction(index: number, action?: SkipNoticeAction) {
+    performAction(index: number, action?: SkipNoticeAction): void {
         switch (action ?? this.state.actionState) {
             case SkipNoticeAction.None:
                 break;
@@ -364,7 +364,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
         });
     }
 
-    adjustDownvotingState(value: boolean) {
+    adjustDownvotingState(value: boolean): void {
         if (!value) this.clearConfigListener();
 
         this.setState({
@@ -373,14 +373,14 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
         });
     }
 
-    clearConfigListener() {
+    clearConfigListener(): void {
         if (this.configListener) {
             Config.configListeners.splice(Config.configListeners.indexOf(this.configListener), 1);
             this.configListener = null;
         }
     }
 
-    openCategoryChooser() {
+    openCategoryChooser(): void {
         // Add as a config listener
         this.configListener = () => this.forceUpdate();
         Config.configListeners.push(this.configListener);
@@ -396,7 +396,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
         });
     }
 
-    getCategoryOptions() {
+    getCategoryOptions(): React.ReactElement[] {
         const elements = [];
 
         for (const category of Config.config.categorySelections) {
@@ -421,7 +421,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
         return elements;
     }
 
-    categorySelectionChange(event: React.ChangeEvent<HTMLSelectElement>) {
+    categorySelectionChange(event: React.ChangeEvent<HTMLSelectElement>): void {
         // See if show more categories was pressed
         if (event.target.value === "moreCategories") {
             // Open options page
@@ -433,14 +433,14 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
         }
     }
 
-    unskip(index: number) {
+    unskip(index: number): void {
         this.contentContainer().unskipSponsorTime(this.segments[index]);
 
         this.unskippedMode(index, chrome.i18n.getMessage("reskip"));
     }
 
     /** Sets up notice to be not skipped yet */
-    unskippedMode(index: number, buttonText: string) {
+    unskippedMode(index: number, buttonText: string): void {
         //setup new callback and reset countdown
         this.setState(this.getUnskippedModeInfo(index, buttonText), () => {
             this.noticeRef.current.resetCountdown();
@@ -468,7 +468,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
         }
     }
 
-    reskip(index: number) {
+    reskip(index: number): void {
         this.contentContainer().reskipSponsorTime(this.segments[index]);
 
         //reset countdown
@@ -488,7 +488,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
         }
     }
 
-    afterVote(segment: SponsorTime, type: number, category: string) {
+    afterVote(segment: SponsorTime, type: number, category: string): void {
         this.addVoteButtonInfo(chrome.i18n.getMessage("voted"));
 
         if (type === 0) {
@@ -508,32 +508,32 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
         }
     }
 
-    setNoticeInfoMessageWithOnClick(onClick: (event: React.MouseEvent) => any, ...messages: string[]) {
+    setNoticeInfoMessageWithOnClick(onClick: (event: React.MouseEvent) => any, ...messages: string[]): void {
         this.setState({
             messages,
             messageOnClick: (event) => onClick(event)
         });
     }
 
-    setNoticeInfoMessage(...messages: string[]) {
+    setNoticeInfoMessage(...messages: string[]): void {
         this.setState({
             messages
         });
     }
     
-    addVoteButtonInfo(message) {
+    addVoteButtonInfo(message): void {
         this.setState({
             thanksForVotingText: message
         });
     }
 
-    resetVoteButtonInfo() {
+    resetVoteButtonInfo(): void {
         this.setState({
             thanksForVotingText: null
         });
     }
 
-    closeListener() {
+    closeListener(): void {
         this.clearConfigListener();
 
         this.props.closeListener();

src/components/SponsorTimeEditComponent.tsx

@@ -44,7 +44,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
         };
     }
 
-    componentDidMount() {
+    componentDidMount(): void {
         // Prevent inputs from triggering key events
         document.getElementById("sponsorTimesContainer" + this.idSuffix).addEventListener('keydown', function (event) {
             event.stopPropagation();
@@ -57,13 +57,13 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
         }
     }
 
-    componentWillUnmount() {
+    componentWillUnmount(): void {
         if (this.configUpdateListener) {
             Config.configListeners.splice(Config.configListeners.indexOf(this.configUpdate.bind(this)), 1);
         }
     }
 
-    render() {
+    render(): React.ReactElement {
         const style: React.CSSProperties = {
             textAlign: "center"
         };
@@ -215,7 +215,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
         );
     }
 
-    getCategoryOptions() {
+    getCategoryOptions(): React.ReactElement[] {
         const elements = [(
             <option value={"chooseACategory"}
                     key={"chooseACategory"}>
@@ -245,7 +245,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
         return elements;
     }
 
-    categorySelectionChange(event: React.ChangeEvent<HTMLSelectElement>) {
+    categorySelectionChange(event: React.ChangeEvent<HTMLSelectElement>): void {
         // See if show more categories was pressed
         if (event.target.value === "moreCategories") {
             // Open options page
@@ -259,15 +259,15 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
         this.saveEditTimes();
     }
 
-    setTimeToNow(index: number) {
+    setTimeToNow(index: number): void {
         this.setTimeTo(index, this.props.contentContainer().getRealCurrentTime());
     }
 
-    setTimeToEnd() {
+    setTimeToEnd(): void {
         this.setTimeTo(1, this.props.contentContainer().v.duration);
     }
 
-    setTimeTo(index: number, time: number) {
+    setTimeTo(index: number, time: number): void {
         const sponsorTime = this.props.contentContainer().sponsorTimesSubmitting[this.props.index];
 
         sponsorTime.segment[index] = 
@@ -302,7 +302,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
             utils.getFormattedTime(sponsorTime.segment[1], true)];
     }
 
-    saveEditTimes() {
+    saveEditTimes(): void {
         const sponsorTimesSubmitting = this.props.contentContainer().sponsorTimesSubmitting;
 
         if (this.state.editing) {
@@ -369,7 +369,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
         }
     }
 
-    configUpdate() {
+    configUpdate(): void {
         this.forceUpdate();
     }
 }

src/components/SubmissionNoticeComponent.tsx

@@ -49,7 +49,7 @@ class SubmissionNoticeComponent extends React.Component<SubmissionNoticeProps, S
         }
     }
 
-    componentDidMount() {
+    componentDidMount(): void {
         // Catch and rerender when the video size changes
         //TODO: Use ResizeObserver when it is supported in TypeScript
         this.videoObserver = new MutationObserver(() => {
@@ -61,13 +61,13 @@ class SubmissionNoticeComponent extends React.Component<SubmissionNoticeProps, S
         });
     }
 
-    componentWillUnmount() {
+    componentWillUnmount(): void {
         if (this.videoObserver) {
             this.videoObserver.disconnect();
         }
     }
 
-    render() {
+    render(): React.ReactElement {
         return (
             <NoticeComponent noticeTitle={this.state.noticeTitle}
                 idSuffix={this.state.idSuffix}
@@ -153,7 +153,7 @@ class SubmissionNoticeComponent extends React.Component<SubmissionNoticeProps, S
         return elements;
     }
 
-    cancel() {
+    cancel(): void {
         this.noticeRef.current.close(true);
 
         this.contentContainer().resetSponsorSubmissionNotice();
@@ -161,7 +161,7 @@ class SubmissionNoticeComponent extends React.Component<SubmissionNoticeProps, S
         this.props.closeListener();
     }
 
-    submit() {
+    submit(): void {
         // save all items
         for (const ref of this.timeEditRefs) {
             ref.current.saveEditTimes();