issue (#961)

client/components/Generic/Generic.scss

@@ -269,7 +269,7 @@
 }
 .circle-big-gray {
   @include answer-circle-big-basics;
-  background: $background-gray
+  background: rgb(128,128,128);
 }
 
 .circle-big-green-selected {
@@ -286,7 +286,7 @@
 }
 .circle-big-gray-selected {
   @include selected-answer-circle-big-basics;
-  background: $background-gray
+  background: rgb(128,128,128);
 }
 
 

client/components/Generic/MetaEntity.js

@@ -1,11 +1,16 @@
 import React from 'react'
+import { useSelector } from 'react-redux'
 import { Divider } from 'semantic-ui-react'
 import { colors } from 'Utilities/common'
 import Textarea from './Textarea'
 import MetaTrafficLights from './MetaTrafficLights'
 import './Generic.scss'
 
 const MetaEntity = ({ id, label, description, required, noColor, number, form, kludge }) => {
+  const fieldName = `${id}_light`
+  const value = useSelector(({ form }) => form.data[fieldName])
+  const bool = value !== 'gray'
+
   return (
     <div className="form-entity-area">
       <Divider />
@@ -18,7 +23,7 @@ const MetaEntity = ({ id, label, description, required, noColor, number, form, k
         </div>
         {!noColor && <MetaTrafficLights id={id} form={form} />}
       </div>
-      <Textarea id={id} label={description} form={form} kludge={kludge} />
+      {bool && <Textarea id={id} label={description} form={form} kludge={kludge} />}
       <Textarea id={`${id}_comment`} label="Kommentit" form={form} kludge={kludge} />
     </div>
   )