Merge pull request #200 from OpenDTU-App/48-weird-behavior-with-text-fields

Author: CommanderRedYT

src/components/modals/ChangeCustomNameModal.tsx

@@ -67,7 +67,7 @@ const ChangeCustomNameModal: FC<ChangeCustomNameModalProps> = props => {
           <StyledTextInput
             label={t('device.deviceName')}
             mode="outlined"
-            value={customName}
+            defaultValue={customName}
             onChangeText={setCustomName}
             style={{ backgroundColor: theme.colors.elevation.level3 }}
           />

src/components/modals/ChangeGraphRefreshIntervalModal.tsx

@@ -65,7 +65,7 @@ const ChangeGraphRefreshIntervalModal: FC<
             label={t('settings.milliseconds')}
             keyboardType="numeric"
             mode="outlined"
-            value={intervalState?.toString()}
+            defaultValue={intervalState?.toString()}
             onChangeText={handleChange}
             style={{ backgroundColor: theme.colors.elevation.level3 }}
             right={<StyledTextInput.Affix text="ms" />}

src/components/modals/ChangeOpendtuCredentialsModal.tsx

@@ -115,15 +115,15 @@ const ChangeOpendtuCredentialsModal: FC<
             <StyledTextInput
               label={t('setup.username')}
               mode="outlined"
-              value={username}
+              defaultValue={username}
               onChangeText={setUsername}
               textContentType="username"
               style={{ backgroundColor: theme.colors.elevation.level3 }}
             />
             <StyledTextInput
               label={t('setup.password')}
               mode="outlined"
-              value={password}
+              defaultValue={password}
               onChangeText={setPassword}
               textContentType="password"
               style={{ backgroundColor: theme.colors.elevation.level3 }}

src/components/modals/ChangeServerUrlModal.tsx

@@ -54,7 +54,7 @@ const ChangeServerUrlModal: FC<ChangeServerUrlModalProps> = props => {
           <StyledTextInput
             label={t('settings.serverUrl')}
             mode="outlined"
-            value={baseUrl}
+            defaultValue={baseUrl}
             onChangeText={setBaseUrl}
             style={{ backgroundColor: theme.colors.elevation.level3 }}
           />

src/components/modals/ChangeTextValueModal.tsx

@@ -138,7 +138,7 @@ const ChangeTextValueModal: FC<ChangeValueModalProps> = ({
         </View>
         <View style={{ marginTop: 32 }}>
           <TextInput
-            value={value}
+            defaultValue={value}
             onChangeText={value => {
               setWasModified(true);
               setError(null);

src/components/modals/LimitConfigModal.tsx

@@ -226,7 +226,7 @@ const LimitConfigModal: FC<LimitConfigModalProps> = ({
               label={t('limitStatus.limitValue', {
                 unit: limitType === 'absolute' ? 'W' : '%',
               })}
-              value={limitValue}
+              defaultValue={limitValue}
               onChangeText={(text: string) => {
                 setLimitValue(text);
                 setError(null);

src/components/modals/ManageDatabaseModal.tsx

@@ -109,7 +109,7 @@ const ManageDatabaseModal: FC<ManageDatabaseModalProps> = props => {
             <StyledTextInput
               label={t('database.name')}
               mode="outlined"
-              value={name}
+              defaultValue={name}
               onChangeText={setName}
               style={{ backgroundColor: theme.colors.elevation.level3 }}
             />
@@ -118,7 +118,7 @@ const ManageDatabaseModal: FC<ManageDatabaseModalProps> = props => {
             <StyledTextInput
               label={t('database.baseUrl')}
               mode="outlined"
-              value={baseUrl}
+              defaultValue={baseUrl}
               onChangeText={setBaseUrl}
               placeholder={baseUrlPlaceholder}
               style={{ backgroundColor: theme.colors.elevation.level3 }}
@@ -128,7 +128,7 @@ const ManageDatabaseModal: FC<ManageDatabaseModalProps> = props => {
             <StyledTextInput
               label={t('database.username')}
               mode="outlined"
-              value={username}
+              defaultValue={username}
               onChangeText={setUsername}
               style={{ backgroundColor: theme.colors.elevation.level3 }}
             />
@@ -137,7 +137,7 @@ const ManageDatabaseModal: FC<ManageDatabaseModalProps> = props => {
             <StyledTextInput
               label={t('database.password')}
               mode="outlined"
-              value={password}
+              defaultValue={password}
               onChangeText={setPassword}
               secureTextEntry
               style={{ backgroundColor: theme.colors.elevation.level3 }}

src/components/modals/TimeRangeLastNSecondsModal.tsx

@@ -69,7 +69,7 @@ const TimeRangeLastNSecondsModal: FC<TimeRangeLastNSecondsModalProps> = ({
             label={t('settings.seconds')}
             keyboardType="numeric"
             mode="outlined"
-            value={secondsState?.toString()}
+            defaultValue={secondsState?.toString()}
             onChangeText={handleChange}
             style={{ backgroundColor: theme.colors.elevation.level3 }}
             right={<StyledTextInput.Affix text="s" />}