PromucFlow_constructor/app/client/src/components
Jacques Ikot c4ed090fce
feat: update premium icon for create datasource page (#41109)
## Summary

This PR updates the premium icon displayed on the "Create Datasource"
page. The previous implementation used a custom-styled Tag component for
premium datasources. This change introduces a new reusable
`PremiumFeatureTag` component with a star icon, and updates the UI to
use this new component for premium datasources.

## Changes

- **Added**: `PremiumFeatureTag` component in
`components/editorComponents/`
  - Displays a star icon inside a non-closable tag.
- **Refactored**: `PremiumDatasources` to use the new
`PremiumFeatureTag` instead of the old custom-styled Tag.
- **Updated**: `DatasourceItem` and related styled components to improve
layout and alignment for the new premium tag.
- **Removed**: Old custom `PremiumTag` styles and usage.

## Automation

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

### 🔍 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/16262901647>
> Commit: da8a4ece7dcc8e06367e0a3859e4ea631561e4c0
> <a
href="https://internal.appsmith.com/app/cypress-dashboard/rundetails-65890b3c81d7400d08fa9ee5?branch=master&workflowId=16262901647&attempt=1"
target="_blank">Cypress dashboard</a>.
> Tags: `@tag.Sanity, @tag.Datasource`
> Spec:
> <hr>Mon, 14 Jul 2025 10:10:19 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 visual tag to indicate premium features within the
interface.

* **Refactor**
* Improved the layout and structure of datasource items for better
visual organization.
* Replaced custom premium label styling with a standardized reusable
component for consistency.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->
2025-07-14 12:16:39 -07:00
..
AnimatedGridLayout chore: add blank line eslint rule (#36369) 2024-09-18 19:35:28 +03:00
BottomBar chore: add workflows setting for agents CE (#40988) 2025-06-19 18:44:22 +05:30
common chore: git pkg - mod fixes (#39255) 2025-02-18 13:33:31 +01:00
designSystems chore: decouple formControl registry from the main chunk (#40939) 2025-06-17 17:20:23 +05:30
editorComponents feat: update premium icon for create datasource page (#41109) 2025-07-14 12:16:39 -07:00
featureWalkthrough chore: update import of AppState to DefaultReduxState (#40494) 2025-05-01 15:53:37 +05:30
formControls feat: Adding core logic for Reactive Actions in Post evaluations flow (#40963) 2025-06-23 20:00:42 +05:30
OrganizationDropdown feat: add multi-organization dropdown for organization navigation (#40967) 2025-06-19 10:23:50 +01:00
propertyControls chore: ce changes related to decoupling webworker (#41033) 2025-07-11 12:24:44 +05:30
utils chore: update import of AppState to DefaultReduxState (#40494) 2025-05-01 15:53:37 +05:30
BusinessTag.tsx chore: rename ADS package (#35583) 2024-08-09 17:20:29 +03:00
constants.ts fix: input alignment (#32452) 2024-04-05 15:02:07 +03:00
EnterpriseTag.tsx chore: rename ADS package (#35583) 2024-08-09 17:20:29 +03:00
SentryRoute.tsx chore: Move sentry to faro for client side (#40220) 2025-04-16 11:45:47 +05:30