From 1fa9402453d4de5577d4f7fdb0b4d807121d033c Mon Sep 17 00:00:00 2001
From: Paul Frazee <pfrazee@gmail.com>
Date: Thu, 6 Apr 2023 16:48:05 -0500
Subject: [PATCH] Fix darkmode placeholder text in composer  (#406)

* Remove old comment

* Fix darkmode placeholder text in composer (close #401)
---
 src/view/com/auth/create/Step2.tsx            | 145 ------------------
 .../com/composer/text-input/TextInput.tsx     |   1 +
 2 files changed, 1 insertion(+), 145 deletions(-)

diff --git a/src/view/com/auth/create/Step2.tsx b/src/view/com/auth/create/Step2.tsx
index cf941a94..5a70e31a 100644
--- a/src/view/com/auth/create/Step2.tsx
+++ b/src/view/com/auth/create/Step2.tsx
@@ -144,148 +144,3 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
   },
 })
-
-/*
-
-<View style={[pal.borderDark, styles.group]}>
-{serviceDescription?.inviteCodeRequired ? (
-  <View
-    style={[pal.border, styles.groupContent, styles.noTopBorder]}>
-    <FontAwesomeIcon
-      icon="ticket"
-      style={[pal.textLight, styles.groupContentIcon]}
-    />
-    <TextInput
-      style={[pal.text, styles.textInput]}
-      placeholder="Invite code"
-      placeholderTextColor={pal.colors.textLight}
-      autoCapitalize="none"
-      autoCorrect={false}
-      autoFocus
-      keyboardAppearance={theme.colorScheme}
-      value={inviteCode}
-      onChangeText={setInviteCode}
-      onBlur={onBlurInviteCode}
-      editable={!isProcessing}
-    />
-  </View>
-) : undefined}
-<View style={[pal.border, styles.groupContent]}>
-  <FontAwesomeIcon
-    icon="envelope"
-    style={[pal.textLight, styles.groupContentIcon]}
-  />
-  <TextInput
-    testID="registerEmailInput"
-    style={[pal.text, styles.textInput]}
-    placeholder="Email address"
-    placeholderTextColor={pal.colors.textLight}
-    autoCapitalize="none"
-    autoCorrect={false}
-    value={email}
-    onChangeText={setEmail}
-    editable={!isProcessing}
-  />
-</View>
-<View style={[pal.border, styles.groupContent]}>
-  <FontAwesomeIcon
-    icon="lock"
-    style={[pal.textLight, styles.groupContentIcon]}
-  />
-  <TextInput
-    testID="registerPasswordInput"
-    style={[pal.text, styles.textInput]}
-    placeholder="Choose your password"
-    placeholderTextColor={pal.colors.textLight}
-    autoCapitalize="none"
-    autoCorrect={false}
-    secureTextEntry
-    value={password}
-    onChangeText={setPassword}
-    editable={!isProcessing}
-  />
-</View>
-</View>
-</>
-) : undefined}
-{serviceDescription ? (
-<>
-<View style={styles.groupLabel}>
-<Text type="sm-bold" style={pal.text}>
-  Choose your username
-</Text>
-</View>
-<View style={[pal.border, styles.group]}>
-<View
-  style={[pal.border, styles.groupContent, styles.noTopBorder]}>
-  <FontAwesomeIcon
-    icon="at"
-    style={[pal.textLight, styles.groupContentIcon]}
-  />
-  <TextInput
-    testID="registerHandleInput"
-    style={[pal.text, styles.textInput]}
-    placeholder="eg alice"
-    placeholderTextColor={pal.colors.textLight}
-    autoCapitalize="none"
-    value={handle}
-    onChangeText={v => setHandle(makeValidHandle(v))}
-    editable={!isProcessing}
-  />
-</View>
-{serviceDescription.availableUserDomains.length > 1 && (
-  <View style={[pal.border, styles.groupContent]}>
-    <FontAwesomeIcon
-      icon="globe"
-      style={styles.groupContentIcon}
-    />
-    <Picker
-      style={[pal.text, styles.picker]}
-      labelStyle={styles.pickerLabel}
-      iconStyle={pal.textLight as FontAwesomeIconStyle}
-      value={userDomain}
-      items={serviceDescription.availableUserDomains.map(d => ({
-        label: `.${d}`,
-        value: d,
-      }))}
-      onChange={itemValue => setUserDomain(itemValue)}
-      enabled={!isProcessing}
-    />
-  </View>
-)}
-<View style={[pal.border, styles.groupContent]}>
-  <Text style={[pal.textLight, s.p10]}>
-    Your full username will be{' '}
-    <Text type="md-bold" style={pal.textLight}>
-      @{createFullHandle(handle, userDomain)}
-    </Text>
-  </Text>
-</View>
-</View>
-<View style={styles.groupLabel}>
-<Text type="sm-bold" style={pal.text}>
-  Legal
-</Text>
-</View>
-<View style={[pal.border, styles.group]}>
-<View
-  style={[pal.border, styles.groupContent, styles.noTopBorder]}>
-  <TouchableOpacity
-    testID="registerIs13Input"
-    style={styles.textBtn}
-    onPress={() => setIs13(!is13)}>
-    <View
-      style={[
-        pal.border,
-        is13 ? styles.checkboxFilled : styles.checkbox,
-      ]}>
-      {is13 && (
-        <FontAwesomeIcon icon="check" style={s.blue3} size={14} />
-      )}
-    </View>
-    <Text style={[pal.text, styles.textBtnLabel]}>
-      I am 13 years old or older
-    </Text>
-  </TouchableOpacity>
-</View>
-</View>*/
diff --git a/src/view/com/composer/text-input/TextInput.tsx b/src/view/com/composer/text-input/TextInput.tsx
index ec218657..bd536e1c 100644
--- a/src/view/com/composer/text-input/TextInput.tsx
+++ b/src/view/com/composer/text-input/TextInput.tsx
@@ -201,6 +201,7 @@ export const TextInput = React.forwardRef(
           onPaste={onPaste}
           onSelectionChange={onSelectionChange}
           placeholder={placeholder}
+          placeholderTextColor={pal.colors.textLight}
           keyboardAppearance={theme.colorScheme}
           multiline
           style={[pal.text, styles.textInput, styles.textInputFormatting]}>