fix(IconsSection, ToastSection): correct HTML entity usage in French text

- Replaced apostrophes with HTML entities in French phrases for proper rendering.
- Ensured consistency in text presentation across UI components.
This commit is contained in:
Julien Froidefond
2025-10-10 08:25:38 +02:00
parent e7cbd56e89
commit 6748799a90
2 changed files with 3 additions and 4 deletions

View File

@@ -107,7 +107,7 @@ export function IconsSection() {
<div> <div>
<p className="text-sm text-[var(--muted-foreground)] mb-3"> <p className="text-sm text-[var(--muted-foreground)] mb-3">
Collection d'icônes disponibles Collection d&apos;icônes disponibles
</p> </p>
<div className="grid grid-cols-5 gap-3 p-4 bg-[var(--card)] rounded-lg border border-[var(--border)]"> <div className="grid grid-cols-5 gap-3 p-4 bg-[var(--card)] rounded-lg border border-[var(--border)]">
{sampleIcons.map((icon) => ( {sampleIcons.map((icon) => (
@@ -167,7 +167,7 @@ export function IconsSection() {
<div> <div>
<p className="text-sm text-[var(--muted-foreground)] mb-3"> <p className="text-sm text-[var(--muted-foreground)] mb-3">
Collection d'emojis disponibles Collection d&apos;emojis disponibles
</p> </p>
<div className="grid grid-cols-10 gap-3 p-4 bg-[var(--card)] rounded-lg border border-[var(--border)]"> <div className="grid grid-cols-10 gap-3 p-4 bg-[var(--card)] rounded-lg border border-[var(--border)]">
{sampleEmojis.map((emoji) => ( {sampleEmojis.map((emoji) => (

View File

@@ -1,6 +1,5 @@
'use client'; 'use client';
import { useState } from 'react';
import { ToastProvider, useToast } from '@/components/ui/Toast'; import { ToastProvider, useToast } from '@/components/ui/Toast';
import { Button } from '@/components/ui/Button'; import { Button } from '@/components/ui/Button';
@@ -128,7 +127,7 @@ function ToastDemo() {
{/* Toast dans différents contextes */} {/* Toast dans différents contextes */}
<div className="space-y-4"> <div className="space-y-4">
<h3 className="text-lg font-medium text-[var(--foreground)]"> <h3 className="text-lg font-medium text-[var(--foreground)]">
Contextes d'utilisation Contextes d&apos;utilisation
</h3> </h3>
<div className="grid grid-cols-1 md:grid-cols-2 gap-6"> <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
<div className="space-y-3"> <div className="space-y-3">