From 3462cc343ef8add2211152c81aa991605a67c7e3 Mon Sep 17 00:00:00 2001
From: Lukasz Ostrowski <lukasz.ostrowski@saleor.io>
Date: Tue, 20 Jun 2023 12:37:21 +0200
Subject: [PATCH] Update helper text for PF app - S3->region field (#660)

---
 .changeset/eighty-boxes-exist.md                         | 5 +++++
 .../modules/app-configuration/s3-configuration-form.tsx  | 9 ++++++++-
 2 files changed, 13 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/eighty-boxes-exist.md

diff --git a/.changeset/eighty-boxes-exist.md b/.changeset/eighty-boxes-exist.md
new file mode 100644
index 0000000..b4359f2
--- /dev/null
+++ b/.changeset/eighty-boxes-exist.md
@@ -0,0 +1,5 @@
+---
+"saleor-app-products-feed": minor
+---
+
+Improved helper text in S3 form - region field. Now it should be more explicit that only region code (like "eu-west-1") should be provided.
diff --git a/apps/products-feed/src/modules/app-configuration/s3-configuration-form.tsx b/apps/products-feed/src/modules/app-configuration/s3-configuration-form.tsx
index 7e7db3c..e9d0af7 100644
--- a/apps/products-feed/src/modules/app-configuration/s3-configuration-form.tsx
+++ b/apps/products-feed/src/modules/app-configuration/s3-configuration-form.tsx
@@ -44,7 +44,14 @@ export const S3ConfigurationForm = (props: Props) => {
 
       <Input size={"small"} name={"bucketName"} control={control} label="Bucket name" />
 
-      <Input size={"small"} name={"region"} control={control} label="Bucket region" />
+      <Input
+        size={"small"}
+        name={"region"}
+        control={control}
+        label="Bucket region"
+        helperText={"Use the region code, e.g. 'eu-west-1'"}
+        placeholder={"eu-west-1"}
+      />
 
       <Button type="submit" variant="primary" alignSelf={"end"}>
         Save bucket configuration