diff --git a/src/components/Menu.js b/src/components/Menu.js
index 5be2cdd..3bf9dca 100644
--- a/src/components/Menu.js
+++ b/src/components/Menu.js
@@ -13,7 +13,7 @@ export const getRoutes = (
waypoints, setWaypoints,
size, setSize,
creativity, setCreativity,
- noise, setNoise,
+ noise, setNoise,
playlist, setPlaylist,
spotify, navigate, numPlaylists
) => {
@@ -27,12 +27,12 @@ export const getRoutes = (
noise: noise,
spotify: spotify,
onCreate: (playlist, waypoints) => {
- setWaypoints(() => waypoints);
- setPlaylist(() => playlist);
+ setWaypoints(waypoints);
+ setPlaylist(playlist);
navigate('/playlist');
},
onSettings: waypoints => {
- setWaypoints(() => waypoints);
+ setWaypoints(waypoints);
navigate('/settings');
}
},
@@ -51,9 +51,9 @@ export const getRoutes = (
creativity: creativity,
noise: noise,
onChange: (size, creativity, noise) => {
- setSize(() => { return size !== '' ? size : 0; });
- setCreativity(() => creativity);
- setNoise(() => noise);
+ setSize(size !== '' ? size : 0);
+ setCreativity(creativity);
+ setNoise(noise);
},
onClose: () => navigate('/')
},
diff --git a/src/components/Platform.js b/src/components/Platform.js
index dfd5e6b..d7b826f 100644
--- a/src/components/Platform.js
+++ b/src/components/Platform.js
@@ -5,7 +5,10 @@ import {
import { MdStar, MdStarHalf, MdStarBorder } from 'react-icons/md';
import { Container, Card, Spinner, Form, Navbar, Nav } from 'react-bootstrap';
-export { FaPlus, FaForward, FaBackward, FaCloudUploadAlt, FaPen, FaSpotify, FaCog, FaSearch, FaTimes };
+export {
+ FaPlus, FaForward, FaBackward, FaCloudUploadAlt,
+ FaPen, FaSpotify, FaCog, FaSearch, FaTimes
+};
export { MdStar, MdStarHalf, MdStarBorder };
export { Container, Card, Spinner, Form, Navbar, Nav };
diff --git a/src/components/Platform.native.js b/src/components/Platform.native.js
index 1b9a6f7..1756aa4 100644
--- a/src/components/Platform.native.js
+++ b/src/components/Platform.native.js
@@ -198,6 +198,7 @@ export function FaForward(props) {
export function FaBackward(props) {
return
}
+
export function FaCloudUploadAlt(props) {
return
}
diff --git a/src/components/Settings.js b/src/components/Settings.js
index 770b795..32205a5 100644
--- a/src/components/Settings.js
+++ b/src/components/Settings.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
import { Card, Text, Small, Form, FaBackward, Hr } from './Platform';
import { Row, Col, HorizontalSpacer, VerticalSpacer } from './Lib';
@@ -12,14 +12,11 @@ export default function Settings({ size, creativity, noise, onChange = f => f, o
const validateSize = (value) => {
if (value && value !== '') {
setValidSize(value);
- update();
} else {
setSize('');
}
}
- useEffect(() => () => update());
-
return (
<>
@@ -39,7 +36,6 @@ export default function Settings({ size, creativity, noise, onChange = f => f, o
onBlur={event => {
if (event.target.value) {
setValidSize(event.target.value);
- update();
}
}}
/>
@@ -63,14 +59,8 @@ export default function Settings({ size, creativity, noise, onChange = f => f, o
max='1'
step='0.01'
value={_creativity}
- onChange={event => {
- setCreativity(event.target.value);
- update();
- }}
- onValueChange={value => {
- setCreativity(value);
- update();
- }}
+ onChange={event => setCreativity(event.target.value)}
+ onValueChange={value => setCreativity(value)}
/>
@@ -93,14 +83,8 @@ export default function Settings({ size, creativity, noise, onChange = f => f, o
max='1'
step='0.01'
value={_noise}
- onChange={event => {
- setNoise(event.target.value);
- update();
- }}
- onValueChange={value => {
- setNoise(value);
- update();
- }}
+ onChange={event => setNoise(event.target.value)}
+ onValueChange={value => setNoise(value)}
/>