aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/TouchScrollableMenu.tsx
diff options
context:
space:
mode:
authorSophie Zhang <sophie_zhang@brown.edu>2024-02-22 10:22:58 -0500
committerSophie Zhang <sophie_zhang@brown.edu>2024-02-22 10:22:58 -0500
commit3f33a680af31a04b58c6163fda53a80a737837c6 (patch)
treeb84da40da1c13c8ab8ab8cd763b69ac5b39ce93c /src/client/views/TouchScrollableMenu.tsx
parent70cf5ad795055c1f628c918b08a13a96e4ab89a6 (diff)
parentcf85ee4ea73985529a16321d671d893ddb862439 (diff)
Merge branch 'master' into sophie-ai-images
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>
- );
- }
-}