diff --git a/src/components/portal/Single/_base.js b/src/components/portal/Single/_base.js
index 31e783e..c84327c 100644
--- a/src/components/portal/Single/_base.js
+++ b/src/components/portal/Single/_base.js
@@ -2,7 +2,18 @@ import React from 'react';
import {observable} from "mobx";
import {observer, inject} from 'mobx-react';
import API from '../../SpreadsheetData';
-import {Rarity, Unique, Name, Ability} from '../../Snippets';
+import {Rarity, Unique, Ability} from '../../Snippets';
+
+// own "name" display function
+function Name(props) {
+ let name = props.name.split(",");
+ return (
+ {name[0]}
+ { name.length > 1 &&
+
{name[1].trim()}
+ }
+ );
+}
@inject((stores, props, context) => props) @observer
export default class Single extends React.Component {
@@ -39,6 +50,13 @@ export default class Single extends React.Component {
}
{!this.props.text &&
+ {card.gsx$artist &&
+
+
+ }
Set:
{`${API.sets[card.gsx$set]} (${card.gsx$set})`}
diff --git a/src/components/portal/Tribes.js b/src/components/portal/Tribes.js
index 4f8acc9..72cd242 100644
--- a/src/components/portal/Tribes.js
+++ b/src/components/portal/Tribes.js
@@ -67,9 +67,12 @@ export default class Tribes extends React.Component {
url = "/portal/" + tribe + "/Creatures/" + encodeURIComponent(card.gsx$name);
}
+ // Prevent site from crashing due to misspelled/missing data
+ if (!card_data) return (
);
+
return (
- {card.gsx$name}
+ {card.gsx$name.split(",")[0]}
);