app: Fix a few console warnings

evanpurkhiser · Dec 28, 2020 · c6dd433 · c6dd433
1 parent 34b7b3d
commit c6dd433
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 12 deletions.
diff --git a/src/renderer/components/form/Field.tsx b/src/renderer/components/form/Field.tsx
@@ -18,15 +18,25 @@ const SIZES = {
  full: '100%',
 };
 
-const Field = styled(({size: _size, name, description, children, ...p}: Props) => (
- <label {...p}>
- {children}
- <div>
- {name}
- {description && <small>{description}</small>}
- </div>
- </label>
-))<Props>`
+const Field = styled(
+ ({
+ size: _size,
+ top: _top,
+ noCenter: _noCenter,
+ name,
+ description,
+ children,
+ ...p
+ }: Props) => (
+ <label {...p}>
+ {children}
+ <div>
+ {name}
+ {description && <small>{description}</small>}
+ </div>
+ </label>
+ )
+)<Props>`
  font-family: Ubuntu;
  line-height: 1.4;
  display: grid;

diff --git a/src/renderer/views/devices/index.tsx b/src/renderer/views/devices/index.tsx
@@ -29,8 +29,8 @@ const Devices = observer(() => {
 
  return (
  <AnimatePresence>
- {store.networkState === NetworkState.Online && <ConnectingSplash />}
- {store.networkState === NetworkState.Failed && <ConnectionError />}
+ {store.networkState === NetworkState.Online && <ConnectingSplash key="splash" />}
+ {store.networkState === NetworkState.Failed && <ConnectionError key="error" />}
  {deviceMap[DeviceType.CDJ]?.sort(sortById).map(deviceStore => {
  const {device, state} = deviceStore;
  return (
@@ -58,7 +58,7 @@ const Devices = observer(() => {
  </Device>
  );
  })}
- <SmallDeviceList>
+ <SmallDeviceList key="smallDevices">
  <AnimatePresence>
  {otherDevices.map(({device}) => (
  <SmallDevice key={device.id}>