[Bug]-[60000]:Rest API Under The Authentication tab "Save as datasource" does not look as an Active button

[prapullac]

Is there an existing issue for this?

• [X] I have searched the existing issues

Description

When the user adds an API to the API pane it is observed that the "Save as datasource" appears next to the field. When the user navigates to Authentication Tab and observes the Save as datasource it is observed that the "Save as datasource" is not displayed as active button

Steps To Reproduce

1. Navigate to API Pane
2. Add a API
3. Navigate to Authentication Tab and observe the button it is grey colored and does not seem to be active

Public Sample App

No response

Version

Release

[rohan-arthur]

Hi @prapullac the screenshot didn't get uploaded, would you please upload it again? Are you referring to these two CTAs:

[prapullac]

@rohan-arthur Yes the button looks inactive we need to make the user feel it is active after adding the API. We can add color and make it feel like a button that is clickable

[bhairavee23]

Hello, is anyone working on this? Else I would like to take a stab at it

[AmanAgarwal041]

@ChandanBalajiBP is working on this

[rohan-arthur]

Stats

Stat	Values
Reach	12000
Effort (months)	0.1

[parth-appsmith]

@rohan-arthur @ChandanBalajiBP the designs for this issue are done. Notion doc: https://www.notion.so/appsmith/Inconsistent-CTA-design-on-the-API-pane-fe0913f2e05b415e9d1e0dccbc291f2b

Figma Designs: https://www.figma.com/file/GuqV8Or2PStpE3rTknsDzk/API-Pane-Improvements?node-id=503%3A23251

Zeplin Handoff File: https://zpl.io/9q6Z8lp

[AmanAgarwal041]

Re-opening the issue for the design mis-match