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.
39 lines
1.4 KiB
JavaScript
39 lines
1.4 KiB
JavaScript
import { Icon } from './Icon.jsx'
|
|
|
|
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-v' ? ' selected' : '')}
|
|
onClick={() => setMode('work-week-v')}
|
|
>
|
|
Settimana
|
|
</button>
|
|
<button
|
|
class={'radio' + (mode === 'work-week-h' ? ' selected' : '')}
|
|
onClick={() => setMode('work-week-h')}
|
|
>
|
|
Settimana<sup>T</sup>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="item option">
|
|
<button class="icon">
|
|
<Icon name="print" />
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|