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)} />