Skip to content
Snippets Groups Projects
Commit b61584c6 authored by netpro2k's avatar netpro2k
Browse files

Better handling for incomplete metadata

parent 09fceaa4
No related branches found
No related tags found
No related merge requests found
src/assets/images/default_thumbnail.png

3.23 KiB

...@@ -151,7 +151,7 @@ ...@@ -151,7 +151,7 @@
} }
&__image { &__image {
width: 112%; width: 106%;
position: absolute; position: absolute;
top: -3%; top: -3%;
left: -3%; left: -3%;
......
...@@ -7,6 +7,8 @@ import faAngleLeft from "@fortawesome/fontawesome-free-solid/faAngleLeft"; ...@@ -7,6 +7,8 @@ import faAngleLeft from "@fortawesome/fontawesome-free-solid/faAngleLeft";
import faAngleRight from "@fortawesome/fontawesome-free-solid/faAngleRight"; import faAngleRight from "@fortawesome/fontawesome-free-solid/faAngleRight";
import FontAwesomeIcon from "@fortawesome/react-fontawesome"; import FontAwesomeIcon from "@fortawesome/react-fontawesome";
import defaultThumbnail from "../assets/images/default_thumbnail.png";
const HUB_NAME_PATTERN = "^[A-Za-z0-9-'\":!@#$%^&*(),.?~ ]{4,64}$"; const HUB_NAME_PATTERN = "^[A-Za-z0-9-'\":!@#$%^&*(),.?~ ]{4,64}$";
class HubCreatePanel extends Component { class HubCreatePanel extends Component {
...@@ -84,10 +86,13 @@ class HubCreatePanel extends Component { ...@@ -84,10 +86,13 @@ class HubCreatePanel extends Component {
} }
const environment = this.props.environments[this.state.environmentIndex]; const environment = this.props.environments[this.state.environmentIndex];
const environmentImageSrcSet = environment.meta.images.find(i => i.type === "preview-thumbnail").srcset; const meta = environment.meta || {};
const environmentTitle = environment.meta.title; const environmentTitle = meta.title || environment.name;
const environmentAuthor = (environment.meta.authors || [])[0]; const environmentAuthor = (meta.authors || [])[0];
const environmentThumbnail = (meta.images || []).find(i => i.type === "preview-thumbnail") || {
srcset: defaultThumbnail
};
const formNameClassNames = classNames("create-panel__form__name", { const formNameClassNames = classNames("create-panel__form__name", {
"create-panel__form__name--expanded": this.state.expanded "create-panel__form__name--expanded": this.state.expanded
...@@ -134,7 +139,10 @@ class HubCreatePanel extends Component { ...@@ -134,7 +139,10 @@ class HubCreatePanel extends Component {
{this.state.expanded && ( {this.state.expanded && (
<div className="create-panel__form__environment"> <div className="create-panel__form__environment">
<div className="create-panel__form__environment__picker"> <div className="create-panel__form__environment__picker">
<img className="create-panel__form__environment__picker__image" srcSet={environmentImageSrcSet} /> <img
className="create-panel__form__environment__picker__image"
srcSet={environmentThumbnail.srcset}
/>
<div className="create-panel__form__environment__picker__labels"> <div className="create-panel__form__environment__picker__labels">
<div className="create-panel__form__environment__picker__labels__header"> <div className="create-panel__form__environment__picker__labels__header">
<span className="create-panel__form__environment__picker__labels__header__title"> <span className="create-panel__form__environment__picker__labels__header__title">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment