From 18406dcd0b3895fcd7cc76332707fcefd960cde0 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Sat, 3 Dec 2022 16:48:14 +0100
Subject: [PATCH] Page title & meta description for webshop product

---
 src/lib/components/PageMeta.svelte               | 2 +-
 src/routes/shop/ProductTile.svelte               | 2 +-
 src/routes/shop/[id]/+page.svelte                | 5 +++--
 src/routes/warehouse/WarehouseProductList.svelte | 2 +-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/PageMeta.svelte b/src/lib/components/PageMeta.svelte
index c5d96cd..2edd406 100644
--- a/src/lib/components/PageMeta.svelte
+++ b/src/lib/components/PageMeta.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   export let title: string;
-  export let description: string;
+  export let description: string | undefined;
 </script>
 
 <svelte:head>
diff --git a/src/routes/shop/ProductTile.svelte b/src/routes/shop/ProductTile.svelte
index 7a93681..b6b0dc5 100644
--- a/src/routes/shop/ProductTile.svelte
+++ b/src/routes/shop/ProductTile.svelte
@@ -21,7 +21,7 @@
     </div>
 
     {#if !large}
-    <p class="subtext">{product?.subtext}</p>
+      <p class="subtext">{product?.subtext}</p>
     {/if}
   </div>
 </a>
diff --git a/src/routes/shop/[id]/+page.svelte b/src/routes/shop/[id]/+page.svelte
index 85a044f..b6b4d90 100644
--- a/src/routes/shop/[id]/+page.svelte
+++ b/src/routes/shop/[id]/+page.svelte
@@ -4,6 +4,7 @@
   import QuantitySelect from '$lib/components/QuantitySelect.svelte';
   import SizesSection from './SizesSection.svelte';
   import Button from '$lib/components/Button.svelte';
+  import PageMeta from '$lib/components/PageMeta.svelte';
   import type { PageData } from './$types';
   import type { IProduct, IVariation } from '$lib/interfaces/IProduct';
 
@@ -33,14 +34,14 @@
   let cooldownInputs = false;
   let quantity = 1;
   let selectedVariation: IVariation | undefined = defaultVariation();
+  let pageTitle = `Nettbutikk - ${product.name}`;
 
   $: addProductButtonText = cooldownInputs
     ? `${quantity} produkt${quantity > 1 ? 'er' : ''} lagt til`
     : `Legg til ${quantity} i handlekurven`;
-
-  onMount(() => document.head.appendChild(generateProductJsonLd(product)))
 </script>
 
+<PageMeta title="{pageTitle}" description="{product.description}" />
 <div class="product-container">
   <ProductTile product="{product}" large="{true}" />
 
diff --git a/src/routes/warehouse/WarehouseProductList.svelte b/src/routes/warehouse/WarehouseProductList.svelte
index e134840..76f1c01 100644
--- a/src/routes/warehouse/WarehouseProductList.svelte
+++ b/src/routes/warehouse/WarehouseProductList.svelte
@@ -29,7 +29,7 @@
 
         <td class="name-and-price">
           <p><a href="/warehouse/{product.product_no}">{product.name}</a></p>
-          <p>{product?.variations?.length} variation(s)</p>
+          <p>{product?.variation_count} variation(s)</p>
         </td>
 
         <td class="stock-column">{product?.sum_stock}</td>