Make header title a link

dhzdhd · Oct 6, 2023 · faa373b · faa373b
1 parent d60ed64
commit faa373b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
@@ -11,10 +11,10 @@
 </script>
 
 <header>
-	<div class="title">
+	<a class="title" href="/">
 		<img src="transparent.svg" alt="logo" />
 		<h1>BidWave</h1>
-	</div>
+	</a>
 	<nav>
 		<button on:click={() => goto('/auth')} class="login-button">Login</button>
 	</nav>
@@ -48,6 +48,7 @@
 			flex-direction: row
 			align-items: center
 			gap: 1rem
+			text-decoration: none
 
 			img
 				width: 2rem

diff --git a/frontend/src/routes/home/+page.svelte b/frontend/src/routes/home/+page.svelte
@@ -2,16 +2,14 @@
 	import type { Product } from './+page.server';
 
 	export let data: { products: Product[] };
-
-	console.log(data.products[0].image.url);
 </script>
 
 <section>
 	<h1>Featured Products</h1>
 	<div class="container">
 		{#each data.products as product}
 			<div class="product">
-				<img src={product.image.url} alt="" />
+				<img src={product.image.url} alt={product.image.alt} />
 				<div class="description">
 					<span class="category">Clothes</span>
 					<h5 class="title">{product.name}</h5>