Add latex support to polls

Author: martenrichter

src/ui/failsbasis.jsx

@@ -881,6 +881,10 @@ export class FailsBasis extends Component {
     this.setState(args)
   }
 
+  maybeUseLatex(item) {
+    return this.detectLatex(item) ? this.convertToLatex(item) : item
+  }
+
   detectLatex(string) {
     return string.indexOf('$') !== -1
   }

src/ui/failsboard.jsx

@@ -558,13 +558,15 @@ export class FailsBoard extends FailsBasis {
     let childlist = []
     if (item.children)
       childlist = item.children.map((el, ind) => (
-        <li key={item.id + ind}>{el.name}</li>
+        <li key={item.id + ind}>{this.maybeUseLatex(el.name)}</li>
       ))
     return (
       <div key={item.id}>
         <h3>
           {' '}
-          {item.name + (item.multi ? ' (multi)' : ' (single)')}
+          {this.maybeUseLatex(
+            item.name + (item.multi ? ' (multi)' : ' (single)')
+          )}
           {item.note ? <small> {' ' + item.note} </small> : ''}
         </h3>
         <ol>{childlist}</ol>
@@ -681,7 +683,7 @@ export class FailsBoard extends FailsBasis {
         pollanswers.push(
           <div key={ind + 'anw'}>
             {' '}
-            <b>{'A ' + (ind + 1) + ': '} </b> {mine.name}{' '}
+            <b>{'A ' + (ind + 1) + ': '} </b> {this.maybeUseLatex(mine.name)}{' '}
           </div>
         )
         polldata.datasets[0].data.push(tpolldata[choice])
@@ -910,8 +912,12 @@ export class FailsBoard extends FailsBasis {
                   <h3>
                     {' '}
                     {this.state.curpoll
-                      ? this.state.curpoll.name +
-                        (this.state.curpoll.multi ? ' (multi)' : ' (single)')
+                      ? this.maybeUseLatex(
+                          this.state.curpoll.name +
+                            (this.state.curpoll.multi
+                              ? ' (multi)'
+                              : ' (single)')
+                        )
                       : 'Current poll'}
                   </h3>
                 </div>

src/ui/failsnotes.jsx

@@ -636,7 +636,7 @@ export class FailsNotes extends FailsBasis {
       pollanswers = pd.map((el, ind) => (
         <div key={ind + 'anw'}>
           {' '}
-          <b>{'A ' + (ind + 1) + ': '} </b> {el.name}{' '}
+          <b>{'A ' + (ind + 1) + ': '} </b> {this.maybeUseLatex(el.name)}{' '}
         </div>
       ))
     }
@@ -655,7 +655,7 @@ export class FailsNotes extends FailsBasis {
             }
           ></Checkbox>
           <label htmlFor='cb2' className='p-checkbox-label p-m-2'>
-            {el.name}
+            {this.maybeUseLatex(el.name)}
           </label>
         </div>
       ))
@@ -856,8 +856,10 @@ export class FailsNotes extends FailsBasis {
               <h3>
                 {' '}
                 {this.state.curpoll
-                  ? this.state.curpoll.name +
-                    (this.state.curpoll.multi ? ' (multi)' : ' (single)')
+                  ? this.maybeUseLatex(
+                      this.state.curpoll.name +
+                        (this.state.curpoll.multi ? ' (multi)' : ' (single)')
+                    )
                   : 'Current poll'}
               </h3>
               {pollsels}
@@ -879,8 +881,10 @@ export class FailsNotes extends FailsBasis {
               <h3>
                 {' '}
                 {this.state.curpoll
-                  ? this.state.curpoll.name +
-                    (this.state.curpoll.multi ? ' (multi)' : ' (single)')
+                  ? this.maybeUseLatex(
+                      this.state.curpoll.name +
+                        (this.state.curpoll.multi ? ' (multi)' : ' (single)')
+                    )
                   : 'Current poll'}
               </h3>
               {polldata && (