From 5cf1ba0b7f96261a727be909c89e1d32d8b47a36 Mon Sep 17 00:00:00 2001
From: Greg Fodor <gfodor@gmail.com>
Date: Tue, 24 Apr 2018 21:58:48 -0700
Subject: [PATCH] Add organization attribution
---
src/assets/stylesheets/hub-create.scss | 12 +++++++++++-
src/react-components/hub-create-panel.js | 16 ++++++++++++++++
2 files changed, 27 insertions(+), 1 deletion(-)
diff --git a/src/assets/stylesheets/hub-create.scss b/src/assets/stylesheets/hub-create.scss
index 31e49358e..7797967a6 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 f925d6ae5..b5be0bf7b 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" />
--
GitLab