Changes

Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>

src/components/forms/letter-generator.tsx

@@ -410,9 +410,33 @@ export function LetterGenerator() {
               </Select>
             </div>
           </div>
-          <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-            <div>
-              <Label>Date</Label>
+          <div>
+            <div className="flex items-center justify-between">
+              <Label>Recipient address (editable)</Label>
+              {recipientEdited && recipient ? (
+                <button
+                  type="button"
+                  className="text-xs text-muted-foreground underline"
+                  onClick={() => {
+                    setRecipientEdited(false);
+                    setRecipientAddress(contactMailingLines(recipient).join("\n"));
+                  }}
+                >
+                  Reset from contact
+                </button>
+              ) : null}
+            </div>
+            <Textarea
+              rows={5}
+              value={recipientAddress}
+              onChange={(e) => {
+                setRecipientAddress(e.target.value);
+                setRecipientEdited(true);
+              }}
+              placeholder="Name&#10;Company&#10;Street&#10;City, State ZIP"
+              className="font-mono text-sm"
+            />
+          </div>
               <Input type="date" value={date} onChange={(e) => setDate(e.target.value)} />
             </div>
             <div>