diff --git a/package-lock.json b/package-lock.json index 7f2e1f8..05d04c1 100644 --- a/package-lock.json +++ b/package-lock.json @@ -9253,6 +9253,11 @@ } } }, + "local-storage": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/local-storage/-/local-storage-2.0.0.tgz", + "integrity": "sha512-/0sRoeijw7yr/igbVVygDuq6dlYCmtsuTmmpnweVlVtl/s10pf5BCq8LWBxW/AMyFJ3MhMUuggMZiYlx6qr9tw==" + }, "locate-path": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-3.0.0.tgz", diff --git a/package.json b/package.json index d6ff7b0..433e029 100644 --- a/package.json +++ b/package.json @@ -3,6 +3,7 @@ "version": "0.1.0", "private": true, "dependencies": { + "local-storage": "^2.0.0", "node-sass": "^4.13.0", "react": "^16.12.0", "react-dom": "^16.12.0", diff --git a/src/components/Options.js b/src/components/Options.js index 55d0617..445bc1b 100644 --- a/src/components/Options.js +++ b/src/components/Options.js @@ -1,7 +1,10 @@ -import React from 'react'; +import React, { useState } from 'react'; import './Options.scss'; +import ls from 'local-storage'; const Options = props => { + const [ load, setLoad ] = useState(''); + const handleRadioChange = e => { props.setOptions({...props.options, [e.target.name]: e.target.id}) } @@ -9,7 +12,6 @@ const Options = props => { const handleCheckChange = e => { props.setOptions({...props.options, [e.target.name]: e.target.checked}) } - return (

Modeling Options

@@ -53,6 +55,21 @@ const Options = props => { + + +
{}}> + + +
); }