Updated custom products styles

- updated mocked data for product and price list
- updated disabled button style on "Add product to member" modal

app/components/modal-member-product.hbs

@@ -72,6 +72,6 @@
         @successText={{this.successText}}
         @task={{this.addPriceTask}}
         @disabled={{this.cannotAddPrice}}
-        @class="gh-btn gh-btn-black gh-btn-icon"
+        @class="gh-btn gh-btn-black gh-btn-icon gh-btn-add-memberproduct"
         data-test-button="save-webhook" />
 </div>

app/styles/layouts/members.css

@@ -1706,4 +1706,13 @@ p.gh-members-import-errordetail:first-of-type {
     font-size: 1.4rem;
     color: var(--midgrey);
     padding: 48px 0;
+}
+
+.gh-btn-add-memberproduct[disabled],
+.gh-btn-add-memberproduct[disabled]:hover {
+    background: var(--lightgrey-l1) !important;
+}
+
+.gh-btn-add-memberproduct[disabled] span {
+    color: var(--midgrey);
 }

app/templates/settings/product.hbs

@@ -100,7 +100,7 @@
                             {{price.nickname}}
                         </h3>
                         <p class="ma0 pa0 f8 midgrey gh-price-list-description">
-                            TODO: Description
+                            Price description
                         </p>
                     </div>
 
@@ -109,7 +109,7 @@
                     </div>
 
                     <div class="gh-list-data gh-price-list-subscriptions">
-                        <span>TODO</span>
+                        <span>0</span>
                     </div>
 
                     <div class="gh-list-data gh-price-list-actions">

app/templates/settings/products.hbs

@@ -24,7 +24,7 @@
                             {{product.name}}
                         </h3>
                         <p class="ma0 pa0 f8 midgrey gh-product-list-description">
-                            TODO: Product description
+                            Product description
                         </p>
                     </LinkTo>