You can not 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
846 B
29 lines
846 B
import React, {useContext} from "react";
|
|
|
|
import {Folder2Open, Cast, InfoCircle} from "react-bootstrap-icons";
|
|
|
|
import SlideContext from "../shared/SlideContext";
|
|
import Mode from "../models/Mode";
|
|
|
|
import {ReactComponent as Logo} from "../assets/images/logo_ation.svg";
|
|
|
|
const Toolbar = ({openFile, setShowTips}) => {
|
|
const {setMode, setSlide} = useContext(SlideContext);
|
|
|
|
const present = () => {
|
|
setMode(Mode.PRESENT);
|
|
setSlide(0);
|
|
document.documentElement.requestFullscreen();
|
|
}
|
|
|
|
return (
|
|
<nav className="toolbar">
|
|
<button onClick={openFile} title="Open file [⌘+O]"><Folder2Open /></button>
|
|
<button onClick={present} title="Start presentation [F5]"><Cast /></button>
|
|
<Logo />
|
|
<button onClick={() => setShowTips(true)} title="Show tips [TAB]"><InfoCircle /></button>
|
|
</nav>
|
|
);
|
|
};
|
|
|
|
export default Toolbar; |