Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: hover placeholder transition for smartenvinput #4006

Closed
wants to merge 8 commits into from

Conversation

nivedin
Copy link
Member

@nivedin nivedin commented Apr 24, 2024

Closes HFE-482

Description

This PR adds placeholder hover transition effect on request URL input on both REST and GraphQl section

Screen.Recording.2024-04-24.at.9.04.44.PM.mov

Checks

  • My pull request adheres to the code style of this project
  • My code requires changes to the documentation
  • I have updated the documentation as required
  • All the tests have passed

"header_list": "Header List",
"http_placeholder":"Enter a URL or cURL command",
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we rename the placeholder to Enter a URL or Paste cURL Command? Because many users don't know that we can directly paste the cURL command. So, explicitly mentioning that would help users

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Wow. I don't know about this feature. It's cool. Agree with @anwarulislam

Copy link
Contributor

@JoelJacobStephen JoelJacobStephen left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@nivedin In the GQL tab, when connecting to the default url, the color of the URL becomes extremely dim and isn't readable. Also, the input should be disabled when connected.

Is it possible to bring back a bright color to the default endpoint/url when a user sends a request/connects to it?

Screen.Recording.2024-04-26.at.7.12.52.PM.mov

@@ -109,6 +114,7 @@ const props = withDefaults(
contextMenuEnabled?: boolean
secret?: boolean
autoCompleteEnv?: boolean
placeholderHoverString: string
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There are many instances where EnvInput is used without a placeholderHoverString. So this should not be a required prop.

@@ -221,6 +223,15 @@ const saveRequestAs = async () => {

requestUpdated.name = requestName.value

if (props.mode === "rest") {
;(requestUpdated as HoppRESTRequest).endpoint =
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please resolve type issues here

(requestUpdated as HoppRESTRequest).endpoint ||
getDefaultRESTRequest().endpoint
} else {
;(requestUpdated as HoppGQLRequest).url =
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

There are type issues here which needs to be resolved.

@nivedin nivedin closed this Apr 30, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants