Fix key issues and remove redundant css property

This commit is contained in:
Ajay Ramachandran
2021-07-01 01:03:14 -04:00
parent d27ddc85ae
commit a1722db8d5
3 changed files with 6 additions and 5 deletions

View File

@@ -122,7 +122,6 @@
.sponsorSkipNoticeParent { .sponsorSkipNoticeParent {
position: absolute; position: absolute;
right: 5px;
bottom: 100px; bottom: 100px;
right: 10px; right: 10px;
} }

View File

@@ -154,7 +154,7 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
{this.props.children} {this.props.children}
{!this.props.smaller ? {!this.props.smaller && this.props.bottomRow ?
this.props.bottomRow this.props.bottomRow
: null} : null}
@@ -162,9 +162,11 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
</table> </table>
{/* Add as a hidden table to keep the height constant */} {/* Add as a hidden table to keep the height constant */}
{this.props.smaller ? {this.props.smaller && this.props.bottomRow ?
<table style={{visibility: "hidden", paddingTop: "14px"}}> <table style={{visibility: "hidden", paddingTop: "14px"}}>
<tbody>
{this.props.bottomRow} {this.props.bottomRow}
</tbody>
</table> </table>
: null} : null}
</div> </div>

View File

@@ -348,7 +348,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
return [ return [
<tr id={"sponsorSkipNoticeSpacer" + this.idSuffix} <tr id={"sponsorSkipNoticeSpacer" + this.idSuffix}
className="sponsorBlockSpacer" className="sponsorBlockSpacer"
key={0}> key={"messageBoxSpacer"}>
</tr> </tr>
]; ];
} }
@@ -360,7 +360,7 @@ class SkipNoticeComponent extends React.Component<SkipNoticeProps, SkipNoticeSta
<NoticeTextSelectionComponent idSuffix={this.idSuffix} <NoticeTextSelectionComponent idSuffix={this.idSuffix}
text={this.state.messages[i]} text={this.state.messages[i]}
onClick={this.state.messageOnClick} onClick={this.state.messageOnClick}
key={i}> key={"messageBox" + i}>
</NoticeTextSelectionComponent> </NoticeTextSelectionComponent>
) )
} }