From beb9413a90a8a79a335ec27ee235db84eeb146b9 Mon Sep 17 00:00:00 2001
From: Greg Shuflin <greg.shuflin@protonmail.com>
Date: Wed, 15 Sep 2021 01:36:12 -0700
Subject: [PATCH] Generalize to all conlangs

---
 src/Entries.tsx | 44 ++++++++++++++++++++------------------------
 1 file changed, 20 insertions(+), 24 deletions(-)

diff --git a/src/Entries.tsx b/src/Entries.tsx
index d67cf43..998cd81 100644
--- a/src/Entries.tsx
+++ b/src/Entries.tsx
@@ -113,40 +113,36 @@ function formatMorphology(entry) {
 const JutEntry = (props: {entry: JutEntryProps}) => {
     const {entry} = props;
 
-    return (
-        <div className="searchResult" key={ entry.id }>
-            <b>{ entry.jut }</b> - { entry.eng }
-            <br/>
-            <span className="synclass">
-                { entry.syn_category === "noun" ? entry.gender : null }
-            </span>
-        </div>);
+    const langSpecific = (<div>
+        <span className="synclass">
+            {entry.syn_category} { entry.syn_category === "noun" ? `- ${entry.gender}` : null }
+        </span>
+    </div>);
+
+    return <EntryBase id={entry.id} conlang={Conlang.Juteyuji} conlangEntry={entry.jut} english={entry.eng} langSpecific={langSpecific} />;
 };
 
 const ElesuEntry = (props: {entry: ElesuEntryProps}) => {
     const {entry} = props;
 
-    return (
-        <div className="searchResult" key={ entry.id }>
-            <b>{ entry.elesu }</b> - { entry.eng }
-            <br/>
-            <span className="synclass">
-                { entry.syn_category }
-            </span>
-        </div>);
+    const langSpecific = <div>
+        <span className="synclass">
+            { entry.syn_category }
+        </span>
+    </div>;
+
+    return <EntryBase id={entry.id} conlang={Conlang.Elesu} conlangEntry={entry.elesu} english={entry.eng} langSpecific={langSpecific} />;
 };
 
 const TukEntry = (props: {entry: TukEntryProps}) => {
     const {entry} = props;
+    const langSpecific = <div>
+        <span className="synclass">
+            { entry.syn_category }
+        </span>
+    </div>;
 
-    return (
-        <div className="searchResult" key={ entry.id }>
-            <b>{ entry.tuk }</b> - { entry.eng }
-            <br/>
-            <span className="synclass">
-                { entry.syn_category }
-            </span>
-        </div>);
+    return <EntryBase id={entry.id} conlang={Conlang.Tukvaysi} conlangEntry={entry.tuk} english={entry.eng} langSpecific={langSpecific} />;
 };
 
 export {SaiEntry, ElesuEntry, JutEntry, TukEntry};