Remove test component
This commit is contained in:
parent
635d5bd978
commit
968b13b1dc
2 changed files with 0 additions and 48 deletions
|
@ -1,6 +1,5 @@
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
import ReactDOM from 'react-dom';
|
import ReactDOM from 'react-dom';
|
||||||
import Test from './components/Test';
|
|
||||||
import { Provider } from 'react-redux';
|
import { Provider } from 'react-redux';
|
||||||
import { createStore } from 'redux';
|
import { createStore } from 'redux';
|
||||||
import rootReducer from './store/reducers';
|
import rootReducer from './store/reducers';
|
||||||
|
|
|
@ -1,47 +0,0 @@
|
||||||
import React, { useState } from 'react';
|
|
||||||
import { useSelector, useDispatch } from 'react-redux/';
|
|
||||||
|
|
||||||
export default function Test() {
|
|
||||||
const comConnection = useSelector((state) => state.comConnectionReducer);
|
|
||||||
const [comData, setComData] = useState('');
|
|
||||||
|
|
||||||
comConnection.parser.on('data', (data) => {
|
|
||||||
setComData(data);
|
|
||||||
});
|
|
||||||
|
|
||||||
const triggerOn = () => {
|
|
||||||
comConnection.port.write('on');
|
|
||||||
};
|
|
||||||
const triggerOff = () => {
|
|
||||||
comConnection.port.write('off');
|
|
||||||
};
|
|
||||||
|
|
||||||
const triggerOne = () => {
|
|
||||||
comConnection.port.write('0');
|
|
||||||
};
|
|
||||||
const triggerTwo = () => {
|
|
||||||
comConnection.port.write('1');
|
|
||||||
};
|
|
||||||
|
|
||||||
return (
|
|
||||||
<div style={{ margin: 10 }}>
|
|
||||||
<button onClick={triggerOn} style={{ marginRight: 10 }}>
|
|
||||||
ON
|
|
||||||
</button>
|
|
||||||
<button onClick={triggerOff} style={{ marginRight: 10 }}>
|
|
||||||
OFF
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
onClick={triggerOne}
|
|
||||||
style={{ marginRight: 10, backgroundColor: comData[0] === '0' ? 'red' : 'green' }}>
|
|
||||||
One
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
onClick={triggerTwo}
|
|
||||||
style={{ marginRight: 10, backgroundColor: comData[1] === '0' ? 'red' : 'green' }}>
|
|
||||||
Two
|
|
||||||
</button>
|
|
||||||
<p>{comData}</p>
|
|
||||||
</div>
|
|
||||||
);
|
|
||||||
}
|
|
Reference in a new issue