add definitions

client/src/components/Inventory.tsx

@@ -6,9 +6,10 @@ import { faLock, faLockOpen, faBook, faHammer, faBan } from '@fortawesome/free-s
 import Markdown from './Markdown';
 import { useLoadDocQuery } from '../state/api';
 
-function Inventory({ tactics, lemmas } :
+function Inventory({ tactics, lemmas, definitions } :
   {lemmas: {name: string, locked: boolean, disabled: boolean}[],
-   tactics: {name: string, locked: boolean, disabled: boolean}[]}) {
+  tactics: {name: string, locked: boolean, disabled: boolean}[],
+  definitions: {name: string, locked: boolean, disabled: boolean}[]}) {
 
   const [docName, setDocName] = useState(null)
   const [docType, setDocType] = useState(null)
@@ -25,6 +26,13 @@ function Inventory({ tactics, lemmas } :
         TODO: click on paste icon -> paste into command line */}
       </div>
 
+      <h2>Definitions</h2>
+      <div className="inventory-list">
+        { definitions.map(def =>
+            <InventoryItem key={def.name} showDoc={() => {setDocName(def.name); setDocType("Definition")}}
+              name={def.name} locked={def.locked} disabled={def.disabled} />) }
+      </div>
+
       <h2>Lemmas</h2>
       <div className="inventory-list">
         { lemmas.map(lem =>

client/src/components/Level.tsx

@@ -181,7 +181,7 @@ function Level() {
         </EditorContext.Provider>
       </div>
       <div className="doc-panel">
-        {!level.isLoading && <Inventory tactics={level?.data?.tactics} lemmas={level?.data?.lemmas} />}
+        {!level.isLoading && <Inventory tactics={level?.data?.tactics} lemmas={level?.data?.lemmas} definitions={level?.data?.definitions} />}
       </div>
     </Split>
   </>