Navbar of buttons done

This commit is contained in:
2021-10-22 18:31:32 -03:00
parent 2e9a2cee45
commit 4de12fa282
5 changed files with 240 additions and 174 deletions

View File

@@ -5,8 +5,11 @@ const AddWord = () => {
console.log('word');
return (
<div>
<div className="form-add-word">
<form>
<textarea placeholder="Add the word/words separated by commas" cols="30" rows="10"></textarea>
<input type="submit" value="Add Word(s)" />
</form>
</div>
)
}

View File

@@ -29,13 +29,14 @@ const ControlPanel = (props) => {
<div className="control-panel">
{
userLogged ?
<>
<AdminFunctionButton action={'Add Word(s)'} setActualAction={setActualAction}/>
<AdminFunctionButton action={'Add Category'} setActualAction={setActualAction}/>
<AdminFunctionButton action ={'Delete Category'} setActualAction={setActualAction}/>
<AdminFunctionButton action ={'Delete Word'} setActualAction={setActualAction}/>
<AdminFunctionButton action ={'Edit Word'} setActualAction={setActualAction}/>
</>
<div
className={actualAction ? 'buttons-container nav-mode' : 'buttons-container'}>
<AdminFunctionButton action={'Add Word(s)'} setActualAction={setActualAction}/>
<AdminFunctionButton action={'Add Category'} setActualAction={setActualAction}/>
<AdminFunctionButton action ={'Delete Category'} setActualAction={setActualAction}/>
<AdminFunctionButton action ={'Delete Word'} setActualAction={setActualAction}/>
<AdminFunctionButton action ={'Edit Word'} setActualAction={setActualAction}/>
</div>
: null
}
{