Button actually looks legit!

src/App.css

@@ -138,3 +138,9 @@ div.login button:hover {
   background-color: darkblue;
   cursor: pointer;
 }
+
+/* Editing text button in the toolbar */
+.leaflet-draw-toolbar .leaflet-draw-draw-textbox {
+  background-image: url('icons/button-textbox.png');
+  background-size: 30px 30px;
+}
\ No newline at end of file

src/components/DrawTools.js

 import React, {Component} from 'react';
 import { EditControl } from 'react-leaflet-draw'
 import L from 'leaflet'
+import 'leaflet-draw'
 import { FeatureGroup } from 'react-leaflet'
 
 // empty icon for the text field
@@ -19,9 +20,9 @@ L.Draw.MarkerTextBox = L.Draw.Marker.extend({
 	initialize: function (map, options) {
 		// important to have a unique type, so that it won't get mixed up with other elements
 		this.type = 'textbox';
-		this.featureTypeCode = 'textbox';
+    this.featureTypeCode = 'textbox';
 		L.Draw.Feature.prototype.initialize.call(this, map, options);
-	}
+  }
 });
 
 //Redefinitions d'éléments de DrawToolbar 
@@ -58,7 +59,7 @@ L.DrawToolbar.include ({
 			handler: new L.Draw.Marker(map, this.options.marker),
 			title: L.drawLocal.draw.toolbar.buttons.marker
 		},{
-			enabled: this.options.marker,
+      enabled: this.options.marker,
 			handler: new L.Draw.MarkerTextBox(map, this.options.marker),
 			title: 'Write text'
 		}];
@@ -72,11 +73,10 @@ class DrawTools extends Component {
 			e.layer.remove();
 			return;
     }
-    if (e.layerType === 'marker') {
-      e.layer.bindTooltip('say hello to mr. akers');
+    if (e.layerType === 'textbox') {
+      e.layer.bindTooltip('say hello to mr. akers', {permanent: true});
     }
-		let type = e.layerType; // from the example; isn't used right now, but may be relevant in the future
-		let layer = e.layer;		
+		let layer = e.layer;
 		let geoJSON = layer.toGeoJSON();
 		console.log(JSON.stringify(geoJSON, null, 4)); // makes the output readable in the console
 	}