forked from phc/orario
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
1.1 KiB
React
29 lines
1.1 KiB
React
2 years ago
|
export const Toolbar = ({ mode, setMode }) => {
|
||
|
|
return (
|
||
|
|
<div class="toolbar">
|
||
|
|
<div class="item logo">PHC / Orari</div>
|
||
|
|
<div class="options">
|
||
|
|
<div class="item option">
|
||
|
|
<div class="compound">
|
||
|
|
<button
|
||
|
|
class={'radio' + (mode === 'course' ? ' selected' : '')}
|
||
|
|
onClick={() => setMode('course')}
|
||
|
|
>
|
||
|
|
Corso
|
||
|
|
</button>
|
||
|
|
<button
|
||
|
|
class={'radio' + (mode === 'work-week' ? ' selected' : '')}
|
||
|
|
onClick={() => setMode('work-week')}
|
||
|
|
>
|
||
|
|
Settimana
|
||
|
|
</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="item option">Opzione 2</div>
|
||
|
|
<div class="item option">Opzione 3</div>
|
||
|
|
<div class="item option">Opzione 4</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
)
|
||
|
|
}
|