From e25f67a5541befa060bc4d859ce22d49d8c0fe4e Mon Sep 17 00:00:00 2001
From: Paulo Gustavo Veiga <pveiga@wisemapping.com>
Date: Mon, 3 Jan 2022 14:11:22 -0800
Subject: [PATCH] Add several fonts

---
 .../src/components/widget/FontFamilyPanel.js       | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/packages/mindplot/src/components/widget/FontFamilyPanel.js b/packages/mindplot/src/components/widget/FontFamilyPanel.js
index 4ea79505..2a56ce58 100644
--- a/packages/mindplot/src/components/widget/FontFamilyPanel.js
+++ b/packages/mindplot/src/components/widget/FontFamilyPanel.js
@@ -22,14 +22,12 @@ class FontFamilyPanel extends ListToolbarPanel {
   // eslint-disable-next-line class-methods-use-this
   buildPanel() {
     const content = $("<div class='toolbarPanel' id='fontFamilyPanel'></div>");
-    content.html(
-      '<div id="times" model="Times" class="toolbarPanelLink" style="font-family:times;">Times</div>'
-      + '<div id="arial"  model="Arial" style="font-family:arial;">Arial</div>'
-      + '<div id="tahoma" model="Tahoma" style="font-family:tahoma;">Tahoma</div>'
-      + '<div id="tahoma" model="Luminari" style="font-family:Luminari">Luminari</div>'
-      + '<div id="tahoma" model="Brush Script MT" style="font-family:\'Brush Script MT\';">Brush Script</div>'
-      + '<div id="verdana" model="Verdana" style="font-family:verdana;">Verdana</div>',
-    );
+    const list = ['Arial', 'Baskerville', 'Tahoma', 'Limunari', 'Brush Script MT', 'Verdana', 'Times', 'Cursive', 'Fantasy', 'Perpetua', 'Brush Script', 'Copperplate']
+      .sort()
+      .map((f) => `<div model="${f}" class="toolbarPanelLink" style="font-family:${f};">${f}</div>`)
+      .join('\n');
+
+    content.html(list);
     return content;
   }
 }