Use UndoTextInput on LoginForm

The hostname TextInput also suffers from facebook/react-native#29572.
mhoran · Feb 28, 2024 · 68f6d0e · 68f6d0e
1 parent 045dbcf
commit 68f6d0e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/usecase/buffers/ui/UndoTextInput.tsx b/src/usecase/buffers/ui/UndoTextInput.tsx
@@ -5,7 +5,7 @@ type Props = React.ComponentProps<typeof TextInput>;
 
 const UndoTextInput = (props: Props): JSX.Element => {
   const { value, onChangeText, ...rest } = props;
-  const lastValue = React.useRef(value);
+  const lastValue = React.useRef<string>();
   const textInput = React.useRef<TextInput>(null);
 
   const handleChangeText = (textValue: string) => {

diff --git a/src/usecase/login/LoginForm.tsx b/src/usecase/login/LoginForm.tsx
@@ -13,6 +13,7 @@ import {
 import { connect, ConnectedProps } from 'react-redux';
 import { StoreState } from '../../store';
 import { ConnectionError } from '../../lib/weechat/connection';
+import UndoTextInput from '../buffers/ui/UndoTextInput';
 
 const connector = connect((state: StoreState) => ({
   hostname: state.connection.hostname || '',
@@ -92,7 +93,7 @@ class LoginForm extends React.Component<Props, State> {
           <Text style={styles.header}>
             Connect to Weechat relay via websocket
           </Text>
-          <TextInput
+          <UndoTextInput
             style={styles.input}
             placeholderTextColor="#4157af"
             keyboardType="url"