diff --git a/src/assets/stylesheets/hub-create.scss b/src/assets/stylesheets/hub-create.scss index 31e49358ec78660c6bd9b10b1ce321bc6225c876..7797967a6d416312a0d22474d3416770935cfee8 100644 --- a/src/assets/stylesheets/hub-create.scss +++ b/src/assets/stylesheets/hub-create.scss @@ -194,7 +194,17 @@ @media (max-width: 520px) { display: none; } - } + } + + &__org { + color: $light-text; + font-size: 1.0em; + display: inline; + + @media (max-width: 520px) { + display: none; + } + } a { pointer-events: all; diff --git a/src/react-components/hub-create-panel.js b/src/react-components/hub-create-panel.js index f925d6ae55d82e7019f68658d3f7c03a986a038e..b5be0bf7b14f790b835491233c23ab465a7f1263 100644 --- a/src/react-components/hub-create-panel.js +++ b/src/react-components/hub-create-panel.js @@ -142,6 +142,7 @@ class HubCreatePanel extends Component { const environmentTitle = meta.title || environment.name; const environmentAuthor = (meta.authors || [])[0]; + const environmentOrganization = (meta.organizations || [])[0]; const environmentThumbnail = this._getEnvironmentThumbnail(this.state.environmentIndex); const formNameClassNames = classNames("create-panel__form__name", { @@ -214,6 +215,21 @@ class HubCreatePanel extends Component { <span>{environmentAuthor.name}</span> </span> ))} + {environmentOrganization && + environmentOrganization.name && + (environmentOrganization.url ? ( + <a + href={environmentOrganization.url} + target="_blank" + className="create-panel__form__environment__picker__labels__header__org" + > + <span>{environmentOrganization.name}</span> + </a> + ) : ( + <span className="create-panel__form__environment__picker__labels__header__org"> + <span>{environmentOrganization.name}</span> + </span> + ))} </div> <div className="create-panel__form__environment__picker__labels__footer"> <FormattedMessage id="home.environment_picker_footer" />