chore: prettier everywhere
This commit is contained in:
@@ -29,9 +29,7 @@ function TaskCard({ task }) {
|
||||
return (
|
||||
<Card>
|
||||
<CardContent>
|
||||
<Button variant="primary">
|
||||
{task.title}
|
||||
</Button>
|
||||
<Button variant="primary">{task.title}</Button>
|
||||
</CardContent>
|
||||
</Card>
|
||||
);
|
||||
@@ -41,6 +39,7 @@ function TaskCard({ task }) {
|
||||
## 📦 Composants UI Disponibles
|
||||
|
||||
### Button
|
||||
|
||||
```tsx
|
||||
<Button variant="primary" size="md">Action</Button>
|
||||
<Button variant="secondary">Secondaire</Button>
|
||||
@@ -49,6 +48,7 @@ function TaskCard({ task }) {
|
||||
```
|
||||
|
||||
### Badge
|
||||
|
||||
```tsx
|
||||
<Badge variant="primary">Tag</Badge>
|
||||
<Badge variant="success">Succès</Badge>
|
||||
@@ -56,6 +56,7 @@ function TaskCard({ task }) {
|
||||
```
|
||||
|
||||
### Alert
|
||||
|
||||
```tsx
|
||||
<Alert variant="success">
|
||||
<AlertTitle>Succès</AlertTitle>
|
||||
@@ -64,12 +65,14 @@ function TaskCard({ task }) {
|
||||
```
|
||||
|
||||
### Input
|
||||
|
||||
```tsx
|
||||
<Input placeholder="Saisir..." />
|
||||
<Input variant="error" placeholder="Erreur" />
|
||||
```
|
||||
|
||||
### StyledCard
|
||||
|
||||
```tsx
|
||||
<StyledCard variant="outline" color="primary">
|
||||
Contenu avec style coloré
|
||||
@@ -77,6 +80,7 @@ function TaskCard({ task }) {
|
||||
```
|
||||
|
||||
### Avatar
|
||||
|
||||
```tsx
|
||||
// Avatar avec URL personnalisée
|
||||
<Avatar url="https://example.com/photo.jpg" email="user@example.com" name="John Doe" size={64} />
|
||||
@@ -91,14 +95,17 @@ function TaskCard({ task }) {
|
||||
## 🔄 Migration
|
||||
|
||||
### Étape 1: Identifier les patterns
|
||||
|
||||
- Rechercher `var(--` dans les composants métier
|
||||
- Identifier les patterns répétés (boutons, cartes, badges)
|
||||
|
||||
### Étape 2: Créer des composants UI
|
||||
|
||||
- Encapsuler les styles dans des composants UI
|
||||
- Utiliser des variants pour les variations
|
||||
|
||||
### Étape 3: Remplacer dans les composants métier
|
||||
|
||||
- Importer les composants UI
|
||||
- Remplacer les éléments HTML par les composants UI
|
||||
|
||||
|
||||
Reference in New Issue
Block a user