chore: Adding create module icon in the action context menu on EE (#38130)

## Description

Adding create module icon in the action context menu on EE

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

## Automation

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

### 🔍 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/12295657868>
> Commit: 0d94f8e4b2daf88f278dc6863e7eabe9efdd0212
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=12295657868&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Sanity`
> Spec:
> <hr>Thu, 12 Dec 2024 12:25:09 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 icon, `CreateModuleIcon`, available for use
throughout the application.
  
- **Bug Fixes**
- Adjusted the width of the `MenuContent` component in the
`PluginActionToolbar` for improved layout.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->
This commit is contained in:
Ankita Kinger 2024-12-12 23:26:43 +05:30 committed by GitHub
parent af32283003
commit 038a6b76d7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 18 additions and 1 deletions

View File

@ -775,6 +775,9 @@ const PackageIcon = importSvg(
const ModuleIcon = importSvg(
async () => import("../__assets__/icons/ads/module.svg"),
);
const CreateModuleIcon = importSvg(
async () => import("../__assets__/icons/ads/create-module.svg"),
);
const WorkflowsIcon = importSvg(
async () => import("../__assets__/icons/ads/workflows.svg"),
);
@ -1187,6 +1190,7 @@ const ICON_LOOKUP = {
"contract-right-line": ContractRight,
"copy-control": CopyIcon,
"copy2-control": Copy2Icon,
"create-module": CreateModuleIcon,
"cut-control": CutIcon,
"dashboard-line": DashboardLineIcon,
"database-2-line": Database2Line,

View File

@ -0,0 +1,13 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_4326_112215)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7552 3.40954L9.87059 2.52371L8.59013 1.24425C8.43355 1.08785 8.2213 1 8 1C7.7787 1 7.56645 1.08785 7.40987 1.24425L5.24478 3.40898C5.16718 3.48654 5.10562 3.57863 5.06362 3.68C5.02162 3.78136 5 3.89 5 3.99972C5 4.10944 5.02162 4.21809 5.06362 4.31945C5.10562 4.42081 5.16718 4.5129 5.24478 4.59046L6.52302 5.87104L7.40932 6.75575C7.5659 6.91215 7.77815 7 7.99944 7C8.22074 7 8.43299 6.91215 8.58957 6.75575L9.47643 5.87104L10.7552 4.59102C10.8328 4.51346 10.8944 4.42137 10.9364 4.32C10.9784 4.21864 11 4.11 11 4.00028C11 3.89056 10.9784 3.78191 10.9364 3.68055C10.8944 3.57919 10.8328 3.4871 10.7552 3.40954ZM6.42146 3.99991L7.99994 2.4216L9.57853 4.00022L7.99954 5.57873L6.42146 3.99991Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.7552 11.4095L9.87059 10.5237L8.59013 9.24425C8.43355 9.08785 8.2213 9 8 9C7.7787 9 7.56645 9.08785 7.40987 9.24425L5.24478 11.409C5.16718 11.4865 5.10562 11.5786 5.06362 11.68C5.02162 11.7814 5 11.89 5 11.9997C5 12.1094 5.02162 12.2181 5.06362 12.3194C5.10562 12.4208 5.16718 12.5129 5.24478 12.5905L6.52302 13.871L7.40932 14.7558C7.5659 14.9122 7.77815 15 7.99944 15C8.22074 15 8.43299 14.9122 8.58957 14.7558L9.47643 13.871L10.7552 12.591C10.8328 12.5135 10.8944 12.4214 10.9364 12.32C10.9784 12.2186 11 12.11 11 12.0003C11 11.8906 10.9784 11.7819 10.9364 11.6806C10.8944 11.5792 10.8328 11.4871 10.7552 11.4095ZM6.42146 11.9999L7.99994 10.4216L9.57853 12.0002L7.99954 13.5787L6.42146 11.9999Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.75522 7.40954L5.87059 6.52371L4.59013 5.24425C4.43355 5.08785 4.2213 5 4 5C3.7787 5 3.56645 5.08785 3.40987 5.24425L1.24478 7.40898C1.16718 7.48654 1.10562 7.57863 1.06362 7.68C1.02162 7.78136 1 7.89 1 7.99972C1 8.10944 1.02162 8.21809 1.06362 8.31945C1.10562 8.42081 1.16718 8.5129 1.24478 8.59046L2.52302 9.87104L3.40932 10.7558C3.5659 10.9122 3.77815 11 3.99944 11C4.22074 11 4.43299 10.9122 4.58957 10.7558L5.47643 9.87104L6.75522 8.59102C6.83282 8.51346 6.89438 8.42137 6.93638 8.32C6.97838 8.21864 7 8.11 7 8.00028C7 7.89056 6.97838 7.78191 6.93638 7.68055C6.89438 7.57919 6.83282 7.4871 6.75522 7.40954ZM2.42146 7.99991L3.99994 6.4216L5.57853 8.00022L3.99954 9.57873L2.42146 7.99991Z" fill="currentColor"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.7552 7.40954L13.8706 6.52371L12.5901 5.24425C12.4335 5.08785 12.2213 5 12 5C11.7787 5 11.5665 5.08785 11.4099 5.24425L9.24478 7.40898C9.16718 7.48654 9.10562 7.57863 9.06362 7.68C9.02162 7.78136 9 7.89 9 7.99972C9 8.10944 9.02162 8.21809 9.06362 8.31945C9.10562 8.42081 9.16718 8.5129 9.24478 8.59046L10.523 9.87104L11.4093 10.7558C11.5659 10.9122 11.7781 11 11.9994 11C12.2207 11 12.433 10.9122 12.5896 10.7558L13.4764 9.87104L14.7552 8.59102C14.8328 8.51346 14.8944 8.42137 14.9364 8.32C14.9784 8.21864 15 8.11 15 8.00028C15 7.89056 14.9784 7.78191 14.9364 7.68055C14.8944 7.57919 14.8328 7.4871 14.7552 7.40954ZM10.4215 7.99991L11.9999 6.4216L13.5785 8.00022L11.9995 9.57873L10.4215 7.99991Z" fill="currentColor"/>
</g>
<defs>
<clipPath id="clip0_4326_112215">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 3.3 KiB

View File

@ -68,7 +68,7 @@ const PluginActionToolbar = (props: PluginActionToolbarProps) => {
key={action.id}
loop
style={{ zIndex: 100 }}
width="200px"
width="204px"
>
{props.menuContent}
</MenuContent>