nicholas/storage-manager
1
0
Fork 0
Code Issues Pull Requests Activity

use single quotes in app.js

Browse Source
This commit is contained in:
np.w
2021-03-02 16:59:42 -06:00
parent 336534fce8
commit 025c49868c
1 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/app.js
+12 -12
View File
@@ -170,11 +170,11 @@ function App() {
const handleDragStartBox = (dragSource, event) => {
setDragSource(dragSource);
setDragSourceElement(event.currentTarget);
event.dataTransfer.dropEffect = "move";
event.dataTransfer.dropEffect = 'move';
}
const handleDragOverBox = (event) => {
event.preventDefault();
event.dataTransfer.dropEffect = "move";
event.dataTransfer.dropEffect = 'move';
}
const handleDropBox = async (dragTarget, event) => {
event.preventDefault();
@@ -375,11 +375,11 @@ function App() {
}
return data;
});
const colorSelector =
<>
<label>color</label>
<div className="color-selector-container">
<div className='color-selector-container'>
{colorData.map((data) => {
return <ColorSelect colorData={data} handler={boxHandler.handleColor} boxColor={boxColor} />
})
@@ -388,20 +388,20 @@ function App() {
</>
const boxForm =
<form id="form">
<InputBox id="id" name="id" value={boxID} readOnly={true} hidden={true} />
<form id='form'>
<InputBox id='id' name='id' value={boxID} readOnly={true} hidden={true} />
<h1>Edit Box</h1>
<fieldset>
<InputBox id="box-name" label='name' onChange={boxHandler.handleName} value={boxName} name="name" type="text" />
<InputBox id="box-description" label='description' onChange={boxHandler.handleDescription} value={boxDescription} name="description" type="text" />
<InputBox id='box-name' label='name' onChange={boxHandler.handleName} value={boxName} name='name' type='text' />
<InputBox id='box-description' label='description' onChange={boxHandler.handleDescription} value={boxDescription} name='description' type='text' />
{colorSelector}
</fieldset>
</form>
const itemForm = <form id="form">
const itemForm = <form id='form'>
<h1>Edit Item</h1>
<fieldset>
<InputBox id="id" name="id" value={itemID} readOnly={true} hidden={true} />
<InputBox id='id' name='id' value={itemID} readOnly={true} hidden={true} />
<InputBox id='item-name' label='name' onChange={itemHandler.handleName} value={itemName} name='name' type='text' />
<InputBox id='item-description' label='description' onChange={itemHandler.handleDescription} value={itemDescription} name='description' type='text' />
<InputBox id='item-quantity' label='quantity' onChange={itemHandler.handleQuantity} value={itemQuantity} name='quantity' type='text' />
@@ -421,13 +421,13 @@ function App() {
<div className='header-container'>
<span className='filter-container'>
<span className='material-icons icon'>search</span>
<input spellCheck='false' className='filter' type="search" id="box-filter" name="filter" value={filter} onChange={handleFilterChange} />
<input spellCheck='false' className='filter' type='search' id='box-filter' name='filter' value={filter} onChange={handleFilterChange} />
<span className='material-icons icon clear' onClick={handleClearFilter}>clear</span>
</span>
{<Button label='new box' onClick={handleAddBox} />}
</div>
<div className='body-container scroll-container'>
<ul className="list-box">
<ul className='list-box'>
{filteredData.map((box, index) => {
return (
<Box