diff options
| author | yipstanley <stanley_yip@brown.edu> | 2019-06-14 12:50:55 -0400 |
|---|---|---|
| committer | yipstanley <stanley_yip@brown.edu> | 2019-06-14 12:50:55 -0400 |
| commit | 4818b12510404e7d9cf07b7e872c49d7b752976a (patch) | |
| tree | 8c815f134d6909e476bee68db99541b6b0e0c353 /src/client/views/pdf/PDFMenu.tsx | |
| parent | 94ed67966e7fdc7aa36b1a8b045153d0d661ce57 (diff) | |
| parent | 41c290677030cde827c438d9bfda0dbeac64aa14 (diff) | |
Merge branch 'pdf_impl' of https://github.com/browngraphicslab/Dash-Web into pdf_impl
Diffstat (limited to 'src/client/views/pdf/PDFMenu.tsx')
| -rw-r--r-- | src/client/views/pdf/PDFMenu.tsx | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/client/views/pdf/PDFMenu.tsx b/src/client/views/pdf/PDFMenu.tsx new file mode 100644 index 000000000..cc5c0b77b --- /dev/null +++ b/src/client/views/pdf/PDFMenu.tsx @@ -0,0 +1,28 @@ +import React = require("react"); +import "./PDFMenu.scss"; +import { observable } from "mobx"; +import { observer } from "mobx-react"; +import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; + +@observer +export default class PDFMenu extends React.Component { + static Instance: PDFMenu; + + @observable Top: number = 0; + @observable Left: number = 0; + + constructor(props: Readonly<{}>) { + super(props); + + PDFMenu.Instance = this; + } + + render() { + return ( + <div className="pdfMenu-cont" style={{ left: this.Left, top: this.Top }}> + <button className="pdfMenu-button" title="Highlight"><FontAwesomeIcon icon="highlighter" size="sm" /></button> + <button className="pdfMenu-button" title="Annotate"><FontAwesomeIcon icon="comment-alt" size="sm" /></button> + </div> + ) + } +}
\ No newline at end of file |
