Revert template update and add comment on iOS bug

nusmodifications · Jan 9, 2018 · 9691dc0 · 9691dc0
1 parent 0222523
commit 9691dc0
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/www/src/js/views/timetable/ModulesSelect.jsx b/www/src/js/views/timetable/ModulesSelect.jsx
@@ -134,7 +134,9 @@ class ModulesSelect extends Component<Props, State> {
                       [styles.optionSelected]: highlightedIndex === index,
                     })}
                   >
-                    {module.ModuleCode} {module.ModuleTitle}
+                    {/* Using interpolated string instead of JSX because of iOS Safari
+                        bug that drops the whitespace between the module code and title */}
+                    {`${module.ModuleCode} ${module.ModuleTitle}`}
                     <div>
                       <span className="badge badge-info">Added</span>
                     </div>
@@ -150,7 +152,9 @@ class ModulesSelect extends Component<Props, State> {
                       [styles.optionSelected]: highlightedIndex === index,
                     })}
                   >
-                    {module.ModuleCode} {module.ModuleTitle}
+                    {/* Using interpolated string instead of JSX because of iOS Safari
+                        bug that drops the whitespace between the module code and title */}
+                    {`${module.ModuleCode} ${module.ModuleTitle}`}
                   </li>
                 ),
             )}