Submission notice now updates when sponsors are added

src/components/SponsorTimeEditComponent.tsx

@@ -133,7 +133,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
                     className="sponsorTimeDisplay"
                     onClick={this.toggleEditTime.bind(this)}>
                         {utils.getFormattedTime(sponsorTime[0], true) +
-                            ((sponsorTime.length >= 1) ? " " + chrome.i18n.getMessage("to") + " " + utils.getFormattedTime(sponsorTime[1], true) : "")}
+                            ((!isNaN(sponsorTime[1])) ? " " + chrome.i18n.getMessage("to") + " " + utils.getFormattedTime(sponsorTime[1], true) : "")}
                 </div>
             );
         }
@@ -149,7 +149,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
                     {chrome.i18n.getMessage("delete")}
                 </span>
 
-                {(sponsorTime.length >= 1) ? (
+                {(!isNaN(sponsorTime[1])) ? (
                     <span id={"sponsorTimePreviewButton" + this.idSuffix}
                         className="sponsorTimeEditButton"
                         onClick={this.previewTime.bind(this)}>
@@ -157,7 +157,7 @@ class SponsorTimeEditComponent extends React.Component<SponsorTimeEditProps, Spo
                     </span>
                 ): ""}
 
-                {(sponsorTime.length >= 1) ? (
+                {(!isNaN(sponsorTime[1])) ? (
                     <span id={"sponsorTimeEditButton" + this.idSuffix}
                         className="sponsorTimeEditButton"
                         onClick={this.toggleEditTime.bind(this)}>

src/content.ts

@@ -1105,6 +1105,10 @@ function updateSponsorTimesSubmitting() {
 
                 // Restart skipping schedule
                 startSponsorSchedule();
+
+                if (submissionNotice !== null) {
+                    submissionNotice.update();
+                }
             }
         }
     });

src/render/SubmissionNotice.tsx

@@ -9,7 +9,11 @@ class SubmissionNotice {
 
     callback: () => any;
 
+    noticeRef: React.MutableRefObject<SubmissionNoticeComponent>;
+
     constructor(contentContainer: () => any, callback: () => any) {
+        this.noticeRef = React.createRef();
+
         this.contentContainer = contentContainer;
         this.callback = callback;
 
@@ -38,10 +42,15 @@ class SubmissionNotice {
         ReactDOM.render(
             <SubmissionNoticeComponent
                 contentContainer={contentContainer}
-                callback={callback} />,
+                callback={callback} 
+                ref={this.noticeRef} />,
             noticeElement
         );
     }
+
+    update() {
+        this.noticeRef.current.forceUpdate();
+    }
 }
 
 export default SubmissionNotice;