chore: Updating the function icon on JS editor (#37340)

## Description

Updating the function icon on JS editor to use the below icon:

https://www.figma.com/design/8L9BXMzNTKboGWlHpdXyYP/Appsmith-IDE?node-id=3320-86616&t=m7Tv72GIRzKZCugh-4


Fixes [#37331](https://github.com/appsmithorg/appsmith/issues/37331)

## Automation

/ok-to-test tags="@tag.JS"

### 🔍 Cypress test results
<!-- This is an auto-generated comment: Cypress test results  -->
> [!TIP]
> 🟢 🟢 🟢 All cypress tests have passed! 🎉 🎉 🎉
> Workflow run:
<https://github.com/appsmithorg/appsmith/actions/runs/11811778322>
> Commit: 1e8555bd5ae7e3635652107441bf5a51311611ce
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=11811778322&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.JS`
> Spec:
> <hr>Wed, 13 Nov 2024 07:03:04 UTC
<!-- end of auto-generated comment: Cypress test results  -->


## Communication
Should the DevRel and Marketing teams inform users about this change?
- [ ] Yes
- [ ] No


<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

- **New Features**
- Introduced a new JavaScript function icon (`js-function-v2`) for
enhanced visual representation in the application.
	- Added a new icon for data sources (`DataSourcesIconV2`).
- Updated dropdown options for JavaScript functions to improve
organization and accessibility.

- **Bug Fixes**
- Adjusted the icon rendering logic to ensure the correct icon is
displayed based on the feature flag.

- **Documentation**
- Improved clarity in the action selection interface for JavaScript
functions and their arguments.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
Ankita Kinger 2024-11-13 12:49:11 +05:30 committed by GitHub
parent df7521e93a
commit d90faa2e61
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 11 deletions

View File

@ -1 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12"><path fill="currentColor" d="M0 11.6667V10.8227H1.21754C1.6746 10.8227 2.02923 10.6977 2.2814 10.4476C2.53358 10.1976 2.65967 9.84591 2.65967 9.39267V4.65714H0.744707V3.81319H2.65967V2.58242C2.65967 2.0823 2.81334 1.69548 3.12067 1.42198C3.42801 1.14066 3.8575 1 4.40914 1H6.28863V1.83223H4.40914C3.87326 1.83223 3.60533 2.0862 3.60533 2.59414V3.81319H6.28863V4.65714H3.60533V9.42784C3.60533 10.1077 3.38861 10.6508 2.95518 11.0571C2.52176 11.4635 1.94254 11.6667 1.21754 11.6667H0Z"/><path fill="currentColor" d="M6.32604 9.55678L8.59563 6.23956L6.46789 3.10989H7.57904L8.90297 5.19634C8.98965 5.337 9.08028 5.5011 9.17484 5.68864C9.26941 5.5011 9.36003 5.337 9.44672 5.19634L10.7706 3.10989H11.87L9.74224 6.25128L12 9.55678H10.8888L9.47036 7.35311C9.38368 7.21245 9.28517 7.03272 9.17484 6.81392L8.85568 7.35311L7.42537 9.55678H6.32604Z"/></svg>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.14645 6.14645C8.34171 5.95118 8.65829 5.95118 8.85355 6.14645L10.5 7.79289L12.1464 6.14645C12.3417 5.95118 12.6583 5.95118 12.8536 6.14645C13.0488 6.34171 13.0488 6.65829 12.8536 6.85355L11.2071 8.5L12.8536 10.1464C13.0488 10.3417 13.0488 10.6583 12.8536 10.8536C12.6583 11.0488 12.3417 11.0488 12.1464 10.8536L10.5 9.20711L8.85355 10.8536C8.65829 11.0488 8.34171 11.0488 8.14645 10.8536C7.95118 10.6583 7.95118 10.3417 8.14645 10.1464L9.79289 8.5L8.14645 6.85355C7.95118 6.65829 7.95118 6.34171 8.14645 6.14645Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 3C7.11929 3 6 4.11929 6 5.5V9.5C6 11.433 4.433 13 2.5 13H1.5C1.22386 13 1 12.7761 1 12.5C1 12.2239 1.22386 12 1.5 12H2.5C3.88071 12 5 10.8807 5 9.5V5.5C5 3.567 6.567 2 8.5 2C8.77614 2 9 2.22386 9 2.5C9 2.77614 8.77614 3 8.5 3Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 6.5C2 6.22386 2.22386 6 2.5 6H8.5C8.77614 6 9 6.22386 9 6.5C9 6.77614 8.77614 7 8.5 7H2.5C2.22386 7 2 6.77614 2 6.5Z" fill="currentColor"/>
</svg>

Before

Width:  |  Height:  |  Size: 942 B

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -1,11 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M8.14645 6.14645C8.34171 5.95118 8.65829 5.95118 8.85355 6.14645L10.5 7.79289L12.1464 6.14645C12.3417 5.95118 12.6583 5.95118 12.8536 6.14645C13.0488 6.34171 13.0488 6.65829 12.8536 6.85355L11.2071 8.5L12.8536 10.1464C13.0488 10.3417 13.0488 10.6583 12.8536 10.8536C12.6583 11.0488 12.3417 11.0488 12.1464 10.8536L10.5 9.20711L8.85355 10.8536C8.65829 11.0488 8.34171 11.0488 8.14645 10.8536C7.95118 10.6583 7.95118 10.3417 8.14645 10.1464L9.79289 8.5L8.14645 6.85355C7.95118 6.65829 7.95118 6.34171 8.14645 6.14645Z"
fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M8.5 3C7.11929 3 6 4.11929 6 5.5V9.5C6 11.433 4.433 13 2.5 13H1.5C1.22386 13 1 12.7761 1 12.5C1 12.2239 1.22386 12 1.5 12H2.5C3.88071 12 5 10.8807 5 9.5V5.5C5 3.567 6.567 2 8.5 2C8.77614 2 9 2.22386 9 2.5C9 2.77614 8.77614 3 8.5 3Z"
fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd"
d="M2 6.5C2 6.22386 2.22386 6 2.5 6H8.5C8.77614 6 9 6.22386 9 6.5C9 6.77614 8.77614 7 8.5 7H2.5C2.22386 7 2 6.77614 2 6.5Z"
fill="currentColor"/>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.14645 6.14645C8.34171 5.95118 8.65829 5.95118 8.85355 6.14645L10.5 7.79289L12.1464 6.14645C12.3417 5.95118 12.6583 5.95118 12.8536 6.14645C13.0488 6.34171 13.0488 6.65829 12.8536 6.85355L11.2071 8.5L12.8536 10.1464C13.0488 10.3417 13.0488 10.6583 12.8536 10.8536C12.6583 11.0488 12.3417 11.0488 12.1464 10.8536L10.5 9.20711L8.85355 10.8536C8.65829 11.0488 8.34171 11.0488 8.14645 10.8536C7.95118 10.6583 7.95118 10.3417 8.14645 10.1464L9.79289 8.5L8.14645 6.85355C7.95118 6.65829 7.95118 6.34171 8.14645 6.14645Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.5 3C7.11929 3 6 4.11929 6 5.5V9.5C6 11.433 4.433 13 2.5 13H1.5C1.22386 13 1 12.7761 1 12.5C1 12.2239 1.22386 12 1.5 12H2.5C3.88071 12 5 10.8807 5 9.5V5.5C5 3.567 6.567 2 8.5 2C8.77614 2 9 2.22386 9 2.5C9 2.77614 8.77614 3 8.5 3Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 6.5C2 6.22386 2.22386 6 2.5 6H8.5C8.77614 6 9 6.22386 9 6.5C9 6.77614 8.77614 7 8.5 7H2.5C2.22386 7 2 6.77614 2 6.5Z" fill="currentColor"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.2 KiB