feat(FeedLabel): denote admin-only label

miles-grant-ibigroup · miles-grant-ibigroup · commit 83ae860a3a11 · 2021-07-20T12:12:59.000-04:00
diff --git a/lib/common/components/FeedLabel.js b/lib/common/components/FeedLabel.js
@@ -1,5 +1,6 @@
 import React from 'react'
 import tinycolor from 'tinycolor2'
+import Icon from '@conveyal/woonerf/components/icon'
 
 const getComplementaryColor = (cssHex, strength) => {
   const color = tinycolor(cssHex)
@@ -11,7 +12,7 @@ const getComplementaryColor = (cssHex, strength) => {
 }
 
 export default function Label (props) {
-  const { name, color, small } = props
+  const { name, color, small, adminOnly } = props
 
   return (
     <span
@@ -22,6 +23,7 @@ export default function Label (props) {
         borderColor: getComplementaryColor(color, 10)
       }}
     >
+      {adminOnly ? <Icon type='lock' /> : ''}
       {name}
     </span>
   )

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`import React from 'react'`
`2`	`2`	`import tinycolor from 'tinycolor2'`
	`3`	`+import Icon from '@conveyal/woonerf/components/icon'`
`3`	`4`
`4`	`5`	`const getComplementaryColor = (cssHex, strength) => {`
`5`	`6`	`const color = tinycolor(cssHex)`
`@@ -11,7 +12,7 @@ const getComplementaryColor = (cssHex, strength) => {`
`11`	`12`	`}`
`12`	`13`
`13`	`14`	`export default function Label (props) {`
`14`		`- const { name, color, small } = props`
	`15`	`+ const { name, color, small, adminOnly } = props`
`15`	`16`
`16`	`17`	`return (`
`17`	`18`	`<span`
`@@ -22,6 +23,7 @@ export default function Label (props) {`
`22`	`23`	`borderColor: getComplementaryColor(color, 10)`
`23`	`24`	`}}`
`24`	`25`	`>`
	`26`	`+ {adminOnly ? <Icon type='lock' /> : ''}`
`25`	`27`	`{name}`
`26`	`28`	`</span>`
`27`	`29`	`)`