diff --git a/.routify/config.js b/.routify/config.js index 0df04486..9fba02c3 100644 --- a/.routify/config.js +++ b/.routify/config.js @@ -8,5 +8,5 @@ module.exports = { noHashScroll: false, distDir: 'dist', extensions: ['svelte', 'html', 'svx', 'md'], - started: '2021-11-25T19:05:29.616Z', + started: '2021-11-29T14:55:39.540Z', }; diff --git a/.routify/routes.js b/.routify/routes.js index 0b82f467..f25c6f8d 100644 --- a/.routify/routes.js +++ b/.routify/routes.js @@ -1,10 +1,10 @@ /** * @roxi/routify 2.7.3 - * File generated Thu Nov 25 2021 19:05:33 GMT+0000 (Greenwich Mean Time) + * File generated Mon Nov 29 2021 14:55:42 GMT+0000 (Greenwich Mean Time) */ export const __version = '2.7.3'; -export const __timestamp = '2021-11-25T19:05:33.824Z'; +export const __timestamp = '2021-11-29T14:55:42.460Z'; //buildRoutes import { buildClientTree } from '@roxi/routify/runtime/buildRoutes'; diff --git a/public/index.html b/public/index.html index ed094464..0313f3a6 100644 --- a/public/index.html +++ b/public/index.html @@ -1,19 +1,18 @@ + - - - + + + Enki - - - - - - + + + + + + - - + + + \ No newline at end of file diff --git a/src/components/SingleProduct/SingleProduct.svelte b/src/components/SingleProduct/SingleProduct.svelte index 5ebb2576..76561e86 100644 --- a/src/components/SingleProduct/SingleProduct.svelte +++ b/src/components/SingleProduct/SingleProduct.svelte @@ -7,8 +7,22 @@ export let showDetailedView = false; let selectedIdx = 0; + + const handleArrowKeydown = (event: KeyboardEvent) => { + if (showDetailedView) + if (event.key === 'ArrowLeft' && selectedIdx !== 0) { + selectedIdx -= 1; + } + if ( + event.key === 'ArrowRight' && + selectedIdx + 1 !== product.ProductImages.length + ) { + selectedIdx += 1; + } + }; + {#if product}