From 6ed1ead7ef2b85ea1a59e9683c4a86d78fbf8fe4 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 2 May 2022 22:10:17 -0500
Subject: [PATCH] EditProfile: add profile field placeholders

---
 app/soapbox/features/edit_profile/index.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/app/soapbox/features/edit_profile/index.tsx b/app/soapbox/features/edit_profile/index.tsx
index 97396cd33..c1bde6d1b 100644
--- a/app/soapbox/features/edit_profile/index.tsx
+++ b/app/soapbox/features/edit_profile/index.tsx
@@ -134,6 +134,7 @@ interface IProfileField {
 }
 
 const ProfileField: React.FC<IProfileField> = ({ value, onChange }) => {
+  const intl = useIntl();
 
   const handleChange = (key: string): React.ChangeEventHandler<HTMLInputElement> => {
     return e => {
@@ -143,8 +144,20 @@ const ProfileField: React.FC<IProfileField> = ({ value, onChange }) => {
 
   return (
     <HStack space={2} grow>
-      <Input outerClassName='w-full flex-grow' type='text' value={value.name} onChange={handleChange('name')} />
-      <Input outerClassName='w-full flex-grow' type='text' value={value.value} onChange={handleChange('value')} />
+      <Input
+        type='text'
+        outerClassName='w-full flex-grow'
+        value={value.name}
+        onChange={handleChange('name')}
+        placeholder={intl.formatMessage(messages.metaFieldLabel)}
+      />
+      <Input
+        type='text'
+        outerClassName='w-full flex-grow'
+        value={value.value}
+        onChange={handleChange('value')}
+        placeholder={intl.formatMessage(messages.metaFieldContent)}
+      />
     </HStack>
   );
 };