fix: refactor bundle and component names (#9140)
* Changed Youtube to YouTube * Updated AIML to AI/ML API * Updated AI/ML Model name * Changed Anthropic description * updated arXiv name * Set Astra Vectorize as legacy * Updated get env var * Updates firecrawl names * Updated Icon for Google Gen AI embeddings * Add Space on Home Assistant * Updated Hugging Face name * Updated Maritalk Name * Updated Not Diamond name * Updated ScrapeGraph names * Changed SearchApi Name * Changed TwelveLabs naming * Updated AstraDB naming * Updated VertexAI naming * Updated Wolfram * Updated Yahoo naming * Updated Yahoo Finance name * Updated Yahoo Finance * [autofix.ci] apply automated fixes * Update google serper bundle * updated ai ml icon name * Updated maritalk * Changed ai ml api name * removed openai from base url * Revert components-bundles changes * revert changes on components-vector-stores * Revert changes on deployment-hugging-face-spaces * Revert changes on integrations-nvidia-ingest * Revert changes on release-notes * Update changes on sequential agent * [autofix.ci] apply automated fixes * fixed filterSidebar test * updated filter edge test * updated shard 11 test with new sidebar names --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
This commit is contained in:
parent
0ed47065f5
commit
169b687ed0
54 changed files with 415 additions and 741 deletions
|
|
@ -8,10 +8,10 @@ globs:
|
|||
alwaysApply: false
|
||||
---
|
||||
|
||||
|
||||
# Component Icon Rules
|
||||
|
||||
## Purpose
|
||||
|
||||
To ensure consistent, clear, and functional icon usage for components, covering both backend (Python) and frontend (React/TypeScript) steps.
|
||||
|
||||
---
|
||||
|
|
@ -36,17 +36,19 @@ To ensure consistent, clear, and functional icon usage for components, covering
|
|||
- **Where:**
|
||||
In a new directory for your icon, e.g., `src/frontend/src/icons/AstraDB/`.
|
||||
- **How:**
|
||||
|
||||
- Add your SVG as a React component, e.g., `AstraSVG` in `AstraDB.jsx`.
|
||||
```jsx
|
||||
const AstraSVG = (props) => (
|
||||
<svg {...props}>
|
||||
<path
|
||||
// ...
|
||||
// ...
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
```
|
||||
- Create an `index.tsx` that exports your icon using `forwardRef`:
|
||||
|
||||
```tsx
|
||||
import React, { forwardRef } from "react";
|
||||
import AstraSVG from "./AstraDB";
|
||||
|
|
@ -118,6 +120,7 @@ To ensure consistent, clear, and functional icon usage for components, covering
|
|||
---
|
||||
|
||||
**Example for AstraDB:**
|
||||
|
||||
- Backend:
|
||||
```python
|
||||
icon = "AstraDB"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue