aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/TouchScrollableMenu.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/client/views/TouchScrollableMenu.tsx')
-rw-r--r--src/client/views/TouchScrollableMenu.tsx63
1 files changed, 0 insertions, 63 deletions
diff --git a/src/client/views/TouchScrollableMenu.tsx b/src/client/views/TouchScrollableMenu.tsx
deleted file mode 100644
index 530c693a7..000000000
--- a/src/client/views/TouchScrollableMenu.tsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import * as React from 'react';
-import { computed } from 'mobx';
-import { observer } from 'mobx-react';
-
-export interface TouchScrollableMenuProps {
- options: JSX.Element[];
- bounds: {
- right: number;
- left: number;
- bottom: number;
- top: number;
- width: number;
- height: number;
- };
- selectedIndex: number;
- x: number;
- y: number;
-}
-
-export interface TouchScrollableMenuItemProps {
- text: string;
- onClick: () => any;
-}
-
-@observer
-export default class TouchScrollableMenu extends React.Component<TouchScrollableMenuProps> {
- @computed
- private get possibilities() {
- return this.props.options;
- }
-
- @computed
- private get selectedIndex() {
- return this.props.selectedIndex;
- }
-
- render() {
- return (
- <div
- className="inkToTextDoc-cont"
- style={{
- transform: `translate(${this.props.x}px, ${this.props.y}px)`,
- width: 300,
- height: this.possibilities.length * 25,
- }}>
- <div className="inkToTextDoc-scroller" style={{ transform: `translate(0, ${-this.selectedIndex * 25}px)` }}>
- {this.possibilities}
- </div>
- <div className="shadow" style={{ height: `calc(100% - 25px - ${this.selectedIndex * 25}px)` }}></div>
- </div>
- );
- }
-}
-
-export class TouchScrollableMenuItem extends React.Component<TouchScrollableMenuItemProps> {
- render() {
- return (
- <div className="menuItem-cont" onClick={this.props.onClick}>
- {this.props.text}
- </div>
- );
- }
-}