From d1c0393e0514ad3cee4a23bdf53351ef23dbb0fa Mon Sep 17 00:00:00 2001
From: Brandon Thomas <echelon@gmail.com>
Date: Sun, 2 Jan 2022 01:55:47 -0500
Subject: [PATCH] bugfix

---
 .../categories/ModerationTtsCategoryEditPage.tsx  | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/fakeyou/src/v2/view/moderation/categories/ModerationTtsCategoryEditPage.tsx b/fakeyou/src/v2/view/moderation/categories/ModerationTtsCategoryEditPage.tsx
index daaa353f16..f725f399a0 100644
--- a/fakeyou/src/v2/view/moderation/categories/ModerationTtsCategoryEditPage.tsx
+++ b/fakeyou/src/v2/view/moderation/categories/ModerationTtsCategoryEditPage.tsx
@@ -172,12 +172,14 @@ function ModerationTtsCategoryEditPage(props: Props) {
 
   const superCategoryOptions = allTtsCategories.filter(category => {
     const isSelf = token === category.category_token;
-    const cannotAdd = !category.can_directly_have_models;
+    const cannotAdd = !category.can_have_subcategories;
     return !isSelf && !cannotAdd;
   }).map(category => {
     return (
       <>
-        <option value={category.category_token}>{category.name}</option>
+        <option 
+            value={category.category_token} 
+            key={category.category_token}>{category.name}</option>
       </>
     )
   });
@@ -245,7 +247,12 @@ function ModerationTtsCategoryEditPage(props: Props) {
         <div className="field">
           <label className="label">Dropdown Name Override (optional)</label>
           <div className="control">
-            <input className="input" type="text" placeholder="Dropdown Name" value={maybeDropdownName} onChange={handleMaybeDropdownNameChange} />
+            <input 
+                className="input" 
+                type="text" 
+                placeholder="Dropdown Name" 
+                value={maybeDropdownName || ""} 
+                onChange={handleMaybeDropdownNameChange} />
           </div>
           <p>(eg. if the category name is "Gender", this might be named "By Gender" for the dropdown.)</p>
         </div>
@@ -294,7 +301,7 @@ function ModerationTtsCategoryEditPage(props: Props) {
           <div className="control">
             <div className="select is-info">
               <select onChange={handleSetSuperCategory} value={maybeSuperCategoryTokenFormHtmlState}>
-                <option value="">None (this is optional)</option>
+                <option value="" key="">None (this is optional)</option>
                 {superCategoryOptions}
               </select>
             </div>