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 {
position: absolute;
right: 5px;
bottom: 100px;
right: 10px;
}

View file

@ -154,7 +154,7 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
{this.props.children}
{!this.props.smaller ?
{!this.props.smaller && this.props.bottomRow ?
this.props.bottomRow
: null}
@ -162,9 +162,11 @@ class NoticeComponent extends React.Component<NoticeProps, NoticeState> {
</table>
{/* 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"}}>
<tbody>
{this.props.bottomRow}
</tbody>
</table>
: null}
</div>

View file

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