webterm: update input to use indigo components
import React, { Component } from 'react';
+import { Row, Box, BaseInput } from '@tlon/indigo-react';
import { cite } from '~/logic/lib/util';
import { Spinner } from '~/views/components/Spinner';
@@ -82,16 +83,13 @@ export class Input extends Component {
}
}
return (
- <div className="flex flex-row flex-grow-1 relative">
- <div className="flex-shrink-0"></div>
- <span id="prompt">
- {this.props.prompt}
- </span>
- <input
+ <Row flexGrow='1' position='relative'>
+ <Box flexShrink='0'>
+ <BaseInput
autoFocus
- autocorrect="off"
- autocapitalize="off"
- spellcheck="false"
+ autoCorrect="off"
+ autoCapitalize="off"
+ spellCheck="false"
tabindex="0"
wrap="off"
className="mono ml1 flex-auto dib w-100"
@@ -104,7 +102,8 @@ export class Input extends Component {
defaultValue="connecting..."
value={prompt}
/>
- </div>
+ </Box>
+ </Row>
);
}
}
