From 13c45d3d2b0623419b0c43a22888cbca58fe5f8b Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Sat, 7 Oct 2017 10:01:55 +0200
Subject: [PATCH] Added PRO star to profiles

---
 pages/profile/profile.pixy    |  6 ++++++
 pages/profile/profile.scarlet | 25 ++++++++++++++++++-------
 styles/include/config.scarlet |  2 +-
 3 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/pages/profile/profile.pixy b/pages/profile/profile.pixy
index 2ccb0985..135ce40e 100644
--- a/pages/profile/profile.pixy
+++ b/pages/profile/profile.pixy
@@ -44,6 +44,12 @@ component ProfileHeader(viewUser *arn.User, user *arn.User, uri string)
 					Icon("rocket")
 					span= arn.Capitalize(viewUser.Role)
 		
+		if viewUser.IsPro()
+			p.profile-field.profile-pro-status
+				a.ajax(href="/shop", title="PRO user")
+					Icon("star")
+					span.profile-pro-status-text PRO
+		
 		if user != nil
 			.profile-actions
 				if user.ID != viewUser.ID
diff --git a/pages/profile/profile.scarlet b/pages/profile/profile.scarlet
index 1d377010..6b1c9147 100644
--- a/pages/profile/profile.scarlet
+++ b/pages/profile/profile.scarlet
@@ -20,7 +20,6 @@ profile-boot-duration = 2s
 
 .profile-field
 	text-align center
-	
 
 	a
 		color white
@@ -41,6 +40,13 @@ profile-boot-duration = 2s
 	margin-bottom 0.5rem
 	text-shadow none !important
 
+.profile-pro-status
+	margin-top calc(typography-margin * 2)
+
+	.icon
+		color pro-color
+		animation sk-pulse 1.5s infinite linear
+
 > 740px
 	.profile
 		horizontal
@@ -63,6 +69,16 @@ profile-boot-duration = 2s
 		right 0
 		padding content-padding
 		margin-top 0
+	
+	.profile-pro-status
+		position absolute
+		right 0
+		bottom 0
+		padding content-padding
+		margin-top 0
+	
+	// .profile-pro-status-text
+	// 	display none
 
 // animation appear
 // 	0%
@@ -111,9 +127,4 @@ profile-boot-duration = 2s
 
 .no-data
 	width 100%
-	text-align center
-
-// Categories
-
-// .profile-category
-// 	margin-bottom content-padding
\ No newline at end of file
+	text-align center
\ No newline at end of file
diff --git a/styles/include/config.scarlet b/styles/include/config.scarlet
index 9e87a449..7636e3bb 100644
--- a/styles/include/config.scarlet
+++ b/styles/include/config.scarlet
@@ -5,7 +5,7 @@ link-color = rgb(215, 38, 15)
 link-hover-color = rgb(242, 60, 30)
 link-active-color = link-hover-color
 bg-color = rgb(246, 246, 246)
-pro-color = hsla(0, 100%, 77%, 0.87)
+pro-color = hsla(0, 100%, 73%, 0.87)
 
 // UI
 ui-border-color = rgba(0, 0, 0, 0.1)