Handle case of mismatched record types

If the wrong kind of record invades the list of `roleRecordIds`, the call to get the actual role record will fail. Guard against that.

Author: mxxk

app/manifest.json

@@ -3,8 +3,8 @@
     "manifest_version": 4,
     "name": "Toastmasters Agenda",
     "disable_app_level_comments": false,
-    "version_name": "2.1.4",
-    "version_number": 23,
+    "version_name": "2.1.5",
+    "version_number": 24,
     "sizing_mode": "fill_container",
     "initial_height": 300,
     "initial_width": 300,

src/components/roles.js

@@ -28,15 +28,23 @@ export default function Roles() {
                     .get('roleRecordIds')
                     .getRecords()
                     .map((rolePointer, i) => {
-                        const roleRecord = rolePointer.getRoleRecord();
+                        let roleRecord;
+                        let roleRecordId;
+
+                        try {
+                            roleRecordId = rolePointer.get('roleRecordId') ||
+                                '<unknown>';
+                            roleRecord = rolePointer.getRoleRecord();
+                        } catch(e) { }
+
                         return (
                             roleRecord
-                            ? <Role roleRecord={rolePointer.getRoleRecord()} />
+                            ? <Role roleRecord={roleRecord} />
                             : (
                                 <tr key={`error-${i}`}>
                                     <td colSpan="3">
-                                        Error loading record with recordId{' '}
-                                        = {rolePointer.get('roleRecordId')}.
+                                        Error loading record with{' '}
+                                        <tt>recordId = {roleRecordId}</tt>.
                                     </td>
                                 </tr>
                             )