Added basic PoC expanding notice

todo: move code to the general notice

src/components/NoticeComponent.tsx

@@ -26,6 +26,7 @@ export interface NoticeProps {
 
     // Callback for when this is closed
     closeListener: () => void,
+    onMouseEnter?: (e: React.MouseEvent<HTMLTableElement, MouseEvent>) => void,
 
     zIndex?: number,
     style?: React.CSSProperties
@@ -99,8 +100,8 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
                         + (this.state.startFaded ? " sponsorSkipNoticeFaded" : "")
                         + (this.amountOfPreviousNotices > 0 ? " secondSkipNotice" : "")}
                 style={noticeStyle}
-                onMouseEnter={() => { this.timerMouseEnter(); this.fadedMouseEnter(); } }
-                onMouseLeave={() => this.timerMouseLeave()}> 
+                onMouseEnter={(e) => this.onMouseEnter(e) }
+                onMouseLeave={() => this.timerMouseLeave()}>
                 <tbody>
 
                     {/* First row */}
@@ -181,6 +182,13 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
         )];
     }
 
+    onMouseEnter(event: React.MouseEvent<HTMLTableElement, MouseEvent>): void {
+        if (this.props.onMouseEnter) this.props.onMouseEnter(event);
+
+        this.fadedMouseEnter();
+        this.timerMouseEnter();
+    }
+
     fadedMouseEnter(): void {
         if (this.state.startFaded) {
             this.setState({