fix some key prop errors
This commit is contained in:
parent
2c4b856f74
commit
4612384a7d
|
@ -26,17 +26,17 @@ const CanvasItem = ({
|
||||||
<p className="modalcvtext">
|
<p className="modalcvtext">
|
||||||
<span className="modaltitle">{canvas.title}</span><br />
|
<span className="modaltitle">{canvas.title}</span><br />
|
||||||
{(online) && (
|
{(online) && (
|
||||||
<>
|
<React.Fragment key="online">
|
||||||
{t`Online Users`}:
|
{t`Online Users`}:
|
||||||
<span className="modalinfo">{online}</span><br />
|
<span className="modalinfo">{online}</span><br />
|
||||||
</>
|
</React.Fragment>
|
||||||
)}
|
)}
|
||||||
<span className="modalinfo">{canvas.desc}</span><br />
|
<span className="modalinfo">{canvas.desc}</span><br />
|
||||||
{t`Cooldown`}:
|
{t`Cooldown`}:
|
||||||
<span className="modalinfo">
|
<span className="modalinfo">
|
||||||
{(canvas.pcd && canvas.bcd !== canvas.pcd)
|
{(canvas.pcd && canvas.bcd !== canvas.pcd)
|
||||||
? <span> {canvas.bcd / 1000}s / {canvas.pcd / 1000}s</span>
|
? <span key="cdf"> {canvas.bcd / 1000}s / {canvas.pcd / 1000}s</span>
|
||||||
: <span> {canvas.bcd / 1000}s</span>}
|
: <span key="cd"> {canvas.bcd / 1000}s</span>}
|
||||||
</span><br />
|
</span><br />
|
||||||
{t`Stacking till`}:
|
{t`Stacking till`}:
|
||||||
<span className="modalinfo"> {canvas.cds / 1000}s</span><br />
|
<span className="modalinfo"> {canvas.cds / 1000}s</span><br />
|
||||||
|
@ -46,7 +46,7 @@ const CanvasItem = ({
|
||||||
}
|
}
|
||||||
</span><br />
|
</span><br />
|
||||||
{(canvas.req !== undefined) && (
|
{(canvas.req !== undefined) && (
|
||||||
<>
|
<React.Fragment key="req">
|
||||||
<span>
|
<span>
|
||||||
{t`Requirements`}:<br />
|
{t`Requirements`}:<br />
|
||||||
<span className="modalinfo">
|
<span className="modalinfo">
|
||||||
|
@ -60,13 +60,13 @@ const CanvasItem = ({
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</span>
|
||||||
<br />
|
<br />
|
||||||
</>
|
</React.Fragment>
|
||||||
)}
|
)}
|
||||||
{t`Dimensions`}:
|
{t`Dimensions`}:
|
||||||
<span className="modalinfo"> {canvas.size} x {canvas.size}
|
<span className="modalinfo"> {canvas.size} x {canvas.size}
|
||||||
{(canvas.v)
|
{(canvas.v)
|
||||||
? <span> x {THREE_CANVAS_HEIGHT} Voxels</span>
|
? <span key="voxsize"> x {THREE_CANVAS_HEIGHT} Voxels</span>
|
||||||
: <span> Pixels</span>}
|
: <span key="pxlsize"> Pixels</span>}
|
||||||
</span>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -496,7 +496,7 @@ function Modtools() {
|
||||||
<input
|
<input
|
||||||
type="date"
|
type="date"
|
||||||
value={date}
|
value={date}
|
||||||
requiredPattern="\d{4}-\d{2}-\d{2}"
|
pattern="\d{4}-\d{2}-\d{2}"
|
||||||
min={canvases[selectedCanvas].sd}
|
min={canvases[selectedCanvas].sd}
|
||||||
max={maxDate}
|
max={maxDate}
|
||||||
onChange={(evt) => {
|
onChange={(evt) => {
|
||||||
|
|
|
@ -110,9 +110,11 @@ const Window = ({ id }) => {
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
className="win-topbar"
|
className="win-topbar"
|
||||||
|
key="topbar"
|
||||||
>
|
>
|
||||||
<span
|
<span
|
||||||
className="win-topbtn"
|
className="win-topbtn"
|
||||||
|
key="clonebtn"
|
||||||
onClick={clone}
|
onClick={clone}
|
||||||
title={t`Clone`}
|
title={t`Clone`}
|
||||||
>
|
>
|
||||||
|
@ -120,6 +122,7 @@ const Window = ({ id }) => {
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
className="win-title"
|
className="win-title"
|
||||||
|
key={`title-${name}-${title}`}
|
||||||
ref={titleBarRef}
|
ref={titleBarRef}
|
||||||
title={t`Move`}
|
title={t`Move`}
|
||||||
>
|
>
|
||||||
|
@ -127,6 +130,7 @@ const Window = ({ id }) => {
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
className="win-topbtn"
|
className="win-topbtn"
|
||||||
|
key="maxbtn"
|
||||||
onClick={maximize}
|
onClick={maximize}
|
||||||
title={t`Maximize`}
|
title={t`Maximize`}
|
||||||
>
|
>
|
||||||
|
@ -134,6 +138,7 @@ const Window = ({ id }) => {
|
||||||
</span>
|
</span>
|
||||||
<span
|
<span
|
||||||
className="win-topbtn close"
|
className="win-topbtn close"
|
||||||
|
key="closebtn"
|
||||||
onClick={close}
|
onClick={close}
|
||||||
title={t`Close`}
|
title={t`Close`}
|
||||||
>
|
>
|
||||||
|
@ -144,10 +149,14 @@ const Window = ({ id }) => {
|
||||||
className="win-resize"
|
className="win-resize"
|
||||||
title={t`Resize`}
|
title={t`Resize`}
|
||||||
ref={resizeRef}
|
ref={resizeRef}
|
||||||
|
key="winres"
|
||||||
>
|
>
|
||||||
▨
|
▨
|
||||||
</div>
|
</div>
|
||||||
<div className="win-content">
|
<div
|
||||||
|
className="win-content"
|
||||||
|
key="content"
|
||||||
|
>
|
||||||
<Content windowId={id} />
|
<Content windowId={id} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -116,6 +116,7 @@ const ChannelDropDown = ({
|
||||||
>
|
>
|
||||||
<div
|
<div
|
||||||
ref={buttonRef}
|
ref={buttonRef}
|
||||||
|
key="expbtn"
|
||||||
role="button"
|
role="button"
|
||||||
tabIndex={-1}
|
tabIndex={-1}
|
||||||
onClick={() => setShow(true)}
|
onClick={() => setShow(true)}
|
||||||
|
@ -130,6 +131,7 @@ const ChannelDropDown = ({
|
||||||
&& (
|
&& (
|
||||||
<div
|
<div
|
||||||
ref={wrapperRef}
|
ref={wrapperRef}
|
||||||
|
key="dropdown"
|
||||||
style={{
|
style={{
|
||||||
position: 'absolute',
|
position: 'absolute',
|
||||||
bottom: offset,
|
bottom: offset,
|
||||||
|
|
|
@ -52,9 +52,11 @@ const Chat = ({
|
||||||
});
|
});
|
||||||
|
|
||||||
const channelMessages = messages[chatChannel] || [];
|
const channelMessages = messages[chatChannel] || [];
|
||||||
if (channels[chatChannel] && !messages[chatChannel] && !fetching) {
|
useEffect(() => {
|
||||||
dispatch(fetchChatMessages(chatChannel));
|
if (channels[chatChannel] && !messages[chatChannel] && !fetching) {
|
||||||
}
|
dispatch(fetchChatMessages(chatChannel));
|
||||||
|
}
|
||||||
|
}, [channels, messages, chatChannel]);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (channels[chatChannel]) {
|
if (channels[chatChannel]) {
|
||||||
|
@ -175,7 +177,7 @@ const Chat = ({
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{(ownName) ? (
|
{(ownName) ? (
|
||||||
<>
|
<React.Fragment key={`chtipt-${windowId}`}>
|
||||||
<input
|
<input
|
||||||
style={{
|
style={{
|
||||||
flexGrow: 1,
|
flexGrow: 1,
|
||||||
|
@ -198,7 +200,7 @@ const Chat = ({
|
||||||
>
|
>
|
||||||
‣
|
‣
|
||||||
</button>
|
</button>
|
||||||
</>
|
</React.Fragment>
|
||||||
) : (
|
) : (
|
||||||
<div
|
<div
|
||||||
className="modallink"
|
className="modallink"
|
||||||
|
|
Loading…
Reference in New Issue
Block a user