sveltekit v1.1.0

kevanhannah · May 4, 2023 · 29e043a · 29e043a
2 parents 64501df + dada968
commit 29e043a
Show file tree

Hide file tree

Showing 10 changed files with 174 additions and 36 deletions.
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/sveltekit/package.json b/sveltekit/package.json
@@ -1,6 +1,6 @@
 {
  "name": "jaketobin.sveltekit",
- "version": "1.0.0",
+ "version": "1.1.0",
  "scripts": {
  "dev": "vite dev",
  "build": "vite build",
@@ -23,6 +23,7 @@
  "@sentry/tracing": "^7.50.0"
  },
  "devDependencies": {
+ "@sentry/vite-plugin": "^0.7.2",
  "@sveltejs/adapter-netlify": "^2.0.6",
  "@sveltejs/kit": "^1.15.8",
  "autoprefixer": "^10.4.14",

diff --git a/sveltekit/src/components/Cart/CartItem.svelte b/sveltekit/src/components/Cart/CartItem.svelte
@@ -4,16 +4,18 @@
  import QuantityWidget from '$components/Cart/QuantityWidget.svelte';
 
  export let item;
+ $: console.log(item);
  $: ({ estimatedCost, id, merchandise, quantity } = item);
 </script>
 
 <li>
- <div class="itemImage">
+ <a class="itemImage" href={`/shop/products/${merchandise.product.handle}`}>
  <CartItemImage image={merchandise.product?.images?.edges[0].node} />
- </div>
+ </a>
  <div class="itemInfo">
  <div class="itemInfo_groupText">
- <h3>{merchandise.product.title}</h3>
+ <a class="itemTitle" href={`/shop/products/${merchandise.product.handle}`}
+ ><h3>{merchandise.product.title}</h3></a>
  {#if merchandise.title !== 'Default Title'}
  <span class="variantTitle">{merchandise.title}</span>
  {/if}
@@ -66,6 +68,19 @@
  }
  }
 
+ .itemImage {
+ opacity: 1;
+ transition-property: opacity;
+ transition-duration: 500ms;
+ transition-timing-function: ease;
+
+ @media (hover: hover) {
+ &:hover {
+ opacity: 0.8;
+ }
+ }
+ }
+
  .itemInfo {
  display: flex;
  flex-direction: column;
@@ -78,6 +93,10 @@
  gap: 0.5em;
  }
 
+ .itemTitle {
+ text-decoration: none;
+ }
+
  .itemPrice,
  .variantTitle {
  font-size: 0.75em;