Use 'reference' instead of 'benchmark'

earthrise-media · Dec 11, 2023 · e78fe2c · e78fe2c
1 parent 18de302
commit e78fe2c
Showing 1 changed file with 21 additions and 21 deletions.
diff --git a/vacs-map-app/src/components/CropFingerprint.vue b/vacs-map-app/src/components/CropFingerprint.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="fingerprint-wrapper">
     <div class="legend">
-      <span class="benchmark-message">
-        *As compared to benchmark crop {{ benchmarkCropObject?.label }}</span
+      <span class="reference-message">
+        *As compared to reference crop {{ referenceCropObject?.label }}</span
       >
 
       <div class="responsive-legend">
@@ -14,8 +14,8 @@
           >
             {{ selectedCropObject?.label }}
           </span>
-          <span v-if="showBenchmark" class="category-label benchmark-label">
-            {{ benchmarkCropObject?.label }}
+          <span v-if="showReference" class="category-label reference-label">
+            {{ referenceCropObject?.label }}
           </span>
         </div>
         <div v-else class="hovered-label">
@@ -30,12 +30,12 @@
             {{ cat }}
           </span>
           <span
-            v-if="showBenchmark"
-            class="category-label benchmark-label"
-            @mouseenter="hoveredCategory = 'benchmark'"
+            v-if="showReference"
+            class="category-label reference-label"
+            @mouseenter="hoveredCategory = 'reference'"
             @mouseleave="hoveredCategory = null"
           >
-            Benchmark
+            Reference
           </span>
         </div>
       </div>
@@ -66,9 +66,9 @@
               <circle v-for="d in d3.range(11)" :key="d" :r="y(d)" />
             </g>
 
-            <g v-if="showBenchmark">
+            <g v-if="showReference">
               <path
-                v-for="indicator in benchmarkIndicators"
+                v-for="indicator in referenceIndicators"
                 :key="indicator.key"
                 fill="#ffffff01"
                 stroke="#DAB967"
@@ -78,12 +78,12 @@
                   highlighted:
                     hovered?.key === indicator.key ||
                     hoveredCategory === indicator.category ||
-                    hoveredCategory === 'benchmark',
+                    hoveredCategory === 'reference',
                   unhighlighted:
-                    (hovered && hovered.key !== indicator.key && hoveredCategory !== 'benchmark') ||
+                    (hovered && hovered.key !== indicator.key && hoveredCategory !== 'reference') ||
                     (hoveredCategory &&
                       hoveredCategory !== indicator.category &&
-                      hoveredCategory !== 'benchmark')
+                      hoveredCategory !== 'reference')
                 }"
               />
             </g>
@@ -154,22 +154,22 @@ const hoverIndicators = computed(() => {
   })
 })
 
-const benchmarkCropObject = computed(() => {
+const referenceCropObject = computed(() => {
   if (!cropInformation.value) return null
   return cropInformation.value.find(
     (d) => d.crop_group === selectedCropObject.value.crop_group && d.benchmark
   )
 })
 
-const benchmarkIndicators = computed(() => {
-  return getIndicators(benchmarkCropObject.value).filter(
+const referenceIndicators = computed(() => {
+  return getIndicators(referenceCropObject.value).filter(
     (d, i) => selectedIndicators.value[i].value
   )
 })
 
-const showBenchmark = computed(() => {
-  if (!benchmarkCropObject.value) return false
-  return benchmarkCropObject.value !== selectedCropObject.value
+const showReference = computed(() => {
+  if (!referenceCropObject.value) return false
+  return referenceCropObject.value !== selectedCropObject.value
 })
 
 const getIndicators = (crop) => {
@@ -262,7 +262,7 @@ svg {
   color: var(--white);
 }
 
-.benchmark-message {
+.reference-message {
   color: var(--gray);
   font-size: 0.8125rem;
   font-style: italic;
@@ -300,7 +300,7 @@ svg {
   text-transform: uppercase;
 }
 
-.benchmark-label {
+.reference-label {
   color: #dab967;
   border: 1px solid #dab967;
 }