aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/TouchScrollableMenu.tsx
diff options
context:
space:
mode:
authorsrichman333 <sarah_n_richman@brown.edu>2024-01-29 14:12:02 -0500
committersrichman333 <sarah_n_richman@brown.edu>2024-01-29 14:12:02 -0500
commit04d0021899a07ec877d470e914cabbd0897cccea (patch)
tree6bdae15eab149f671c8f491618be6f249eb7cec6 /src/client/views/TouchScrollableMenu.tsx
parentd252886fe97524603ee49e577a535a39f1e664ae (diff)
parent1a32884f5084d9c39190e44bd9331e94590322e5 (diff)
merge
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>
- );
- }
-}