requested changes

2026-10-21 22:28:16 +00:00 · 2025-09-23 23:36:24 +04:00
parent b09c4d6be5
commit 9948cdb379
2 changed files with 25 additions and 1 deletions
@@ -487,6 +487,30 @@ export const SecretItem = memo(
                    placeholder={error?.message}
                    isError={Boolean(error)}
                    onKeyUp={() => trigger("key")}
+                    warning={
+                      field?.value !== (originalSecret.originalKey || originalSecret.key) &&
+                      field.value?.includes(" ") ? (
+                        <Tooltip
+                          className={"w-full max-w-72"}
+                          content={
+                            <div>
+                              Secret key contains whitespaces.
+                              <br />
+                              <br /> If this is the desired format, you need to provide it as{" "}
+                              <code className="rounded-md bg-mineshaft-500 px-1 py-0.5">
+                                {encodeURIComponent(field.value.trim())}
+                              </code>{" "}
+                              when making API requests.
+                            </div>
+                          }
+                        >
+                          <FontAwesomeIcon
+                            icon={faWarning}
+                            className="text-yellow-600 opacity-60"
+                          />
+                        </Tooltip>
+                      ) : undefined
+                    }
                    {...field}
                    className="w-full px-0 placeholder:text-red-500 focus:text-bunker-100 focus:ring-transparent"
                  />