From 6754090120621bb8099a292efb748c6809c34441 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Thu, 17 Aug 2023 16:08:00 -0400
Subject: [PATCH] WIP Order Cart.

---
 src/fmg-components/cart/cart.vue | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/fmg-components/cart/cart.vue b/src/fmg-components/cart/cart.vue
index 6c4a484a8..733d0c4f9 100644
--- a/src/fmg-components/cart/cart.vue
+++ b/src/fmg-components/cart/cart.vue
@@ -21,7 +21,7 @@
                 <div class="small vaps">
                     <span>Rain defense</span><span><a href="#">Remove</a></span>
                 </div>
-                <div><span>Recycling</span><span>$10</span></div>
+                <div v-if="hasRecycleLineItem"><span>{{recycleLabel}}</span><span>{{recycleFee}}</span></div>
                 <div class="service-type"><span>Mobile service</span><span>$10</span></div>
                 <div class="align-items-center">
                     <span>Rain Defense</span><a href="#">Remove</a><span>$10</span>
@@ -64,7 +64,6 @@ export default {
         },
         initializeComponent(apiResponses) {
             const vapsFromApi = [...apiResponses.wipers, apiResponses.rainDefense];
-
             this.availableVaps = vapsFromApi;
         },
     },
@@ -109,6 +108,19 @@ export default {
                 ...this.availableVaps,
             ];
         },
+        recycleLabel() {
+            return "Recycling";
+        },
+        recycleFee() {
+            return "$35.00";
+        },
+        hasRecycleLineItem() {
+            if (this.lineItems.supportingItems[0].partNumber === "RECYCLE FEE") {
+                return true;
+            } else {
+                return false;
+            }
+        }
     },
     components: {
         textBlock,