Add french translation (#522)

* Add french translation

* improve fill translation

* forget accent on select translation

public/locales/fr/translation.json

@@ -0,0 +1,66 @@
+{
+  "labels": {
+    "paste": "Coller",
+    "selectAll": "Tout sélectionner",
+    "copy": "Copier",
+    "bringForward": "Mettre en avant",
+    "sendToBack": "Mettre en arrière-plan",
+    "bringToFront": "Mettre au premier plan",
+    "sendBackward": "Mettre en arrière",
+    "delete": "Supprimer",
+    "copyStyles": "Copier les styles",
+    "pasteStyles": "Coller les styles",
+    "stroke": "Contour",
+    "background": "Arrière-plan",
+    "fill": "Remplissage",
+    "strokeWidth": "Épaisseur contour",
+    "sloppiness": "Laisser-aller",
+    "opacity": "Opacité",
+    "fontSize": "Taille police",
+    "fontFamily": "Police",
+    "onlySelected": "Uniquement la sélection",
+    "withBackground": "Avec arrière-plan",
+    "handDrawn": "Manuscrite",
+    "normal": "Normale",
+    "code": "Code",
+    "small": "Petit",
+    "medium": "Moyen",
+    "large": "Large",
+    "veryLarge": "Très Large",
+    "solid": "Solide",
+    "hachure": "Hachure",
+    "crossHatch": "Hachure croisée",
+    "thin": "Fin",
+    "bold": "Épais",
+    "extraBold": "Très épais",
+    "architect": "Architecte",
+    "artist": "Artiste",
+    "cartoonist": "Cartooniste"
+  },
+  "buttons": {
+    "clearReset": "Effacer le canvas & réinitialiser la couleur d'arrière-plan",
+    "export": "Exporter",
+    "exportToPng": "Exporter en PNG",
+    "copyToClipboard": "Copier dans le presse-papier",
+    "save": "Sauvegarder",
+    "load": "Ouvrir",
+    "getShareableLink": "Obtenir un lien de partage"
+  },
+  "alerts": {
+    "clearReset": "L'intégralité du canvas va être effacé. Êtes-vous sur ?",
+    "couldNotCreateShareableLink": "Impossible de créer un lien de partage.",
+    "importBackendFailed": "L'import depuis le backend a échoué.",
+    "cannotExportEmptyCanvas": "Impossible d'exporter un canvas vide.",
+    "couldNotCopyToClipboard": "Impossible de copier dans le presse-papier. Essayez d'utiliser le navigateur Chrome.",
+    "copiedToClipboard": "Copié dans le presse-papier: {{url}}"
+  },
+  "toolBar": {
+    "selection": "Sélection",
+    "rectangle": "Rectangle",
+    "diamond": "Losange",
+    "ellipse": "Ellipse",
+    "arrow": "Flèche",
+    "line": "Ligne",
+    "text": "Texte"
+  }
+}

src/i18n.ts

@@ -16,7 +16,8 @@ export function parseDetectedLang(lng: string | undefined): string {
 
 export const languages = [
   { lng: "en", label: "English" },
-  { lng: "es", label: "Español" }
+  { lng: "es", label: "Español" },
+  { lng: "fr", label: "Français" }
 ];
 
 i18n