Merge pull request #698 from Financial-Times/ENTST-301-enterprise-links-design-issues

Show View Enterprise Links at every ES stage

Author: AniaMakes

components/x-gift-article/src/Form.jsx

@@ -4,6 +4,7 @@ import RadioButtonsSection from './RadioButtonsSection'
 import UrlSection from './UrlSection'
 import MobileShareButtons from './MobileShareButtons'
 import CopyConfirmation from './CopyConfirmation'
+import { ShareType } from './lib/constants'
 
 export default (props) => (
 	<div className="x-gift-article">
@@ -36,6 +37,20 @@ export default (props) => (
 			/>
 		)}
 
+		{props.shareType === ShareType.enterprise && !props.enterpriseFirstTimeUser && (
+			<div className="x-gift-article-message--link-wrapper">
+				<a
+					className="x-gift-article-message--link"
+					href="https://enterprise-sharing-dashboard.ft.com"
+					target="_blank"
+					rel="noreferrer"
+					data-trackable="enterprise-sharing-dashboard"
+				>
+					View all Enterprise Links
+				</a>
+			</div>
+		)}
+
 		{props.showMobileShareLinks && <MobileShareButtons mobileShareLinks={props.mobileShareLinks} />}
 	</div>
 )

components/x-gift-article/src/Message.jsx

@@ -115,17 +115,6 @@ export default ({
 			return (
 				<div className="x-gift-article-message">
 					Your organisation has <strong>Enterprise Sharing credits</strong> available for you to use
-					<br />
-					<br />
-					<a
-						className="x-gift-article-message--link"
-						href="https://enterprise-sharing-dashboard.ft.com"
-						target="_blank"
-						rel="noreferrer"
-						data-trackable="enterprise-sharing-dashboard"
-					>
-						View all Enterprise Links
-					</a>
 				</div>
 			)
 		} else {

components/x-gift-article/src/Message.scss

@@ -6,8 +6,12 @@
 	margin-top: oSpacingByName('s3');
 }
 
-.x-gift-article-message--link {
-	color: oColorsByName('teal');
+.x-gift-article-message--link-wrapper {
+	margin-top: oSpacingByName('s3');
+	
+	.x-gift-article-message--link {
+		color: oColorsByName('teal');
+	}
 }
 
 .x-gift-article-message--enterprise {