From e19f34fb870799ce7c4b3c8d1c30d6be0272e5c0 Mon Sep 17 00:00:00 2001
From: Ricardo Tribaldos <579671+tribal2@users.noreply.github.com>
Date: Fri, 29 Mar 2024 18:00:26 -0500
Subject: [PATCH 1/2] Refactor BrandLogo component to use spread operator for
 props

---
 src/components/BrandLogo.astro | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/components/BrandLogo.astro b/src/components/BrandLogo.astro
index 3a65828..d4be8df 100644
--- a/src/components/BrandLogo.astro
+++ b/src/components/BrandLogo.astro
@@ -1,12 +1,8 @@
----
-const { width } = Astro.props;
-
-interface Props {
-  width: string;
-}
----
-
-<svg class=`h-auto ${width}` viewBox="0 0 521 226" fill="none">
+<svg
+  {...Astro.props}
+  viewBox="0 0 521 226"
+  fill="none"
+>
   <rect
     width="78.937"
     height="18.485"

From 02ca410e8443e8cde5dc68580a2136fe99b1a987 Mon Sep 17 00:00:00 2001
From: Ricardo Tribaldos <579671+tribal2@users.noreply.github.com>
Date: Fri, 29 Mar 2024 18:00:48 -0500
Subject: [PATCH 2/2] Update BrandLogo usage in FooterSection and Navbar

---
 src/components/sections/FooterSection.astro | 2 +-
 src/components/sections/Navbar.astro        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/sections/FooterSection.astro b/src/components/sections/FooterSection.astro
index 96fe575..b6c8bb1 100644
--- a/src/components/sections/FooterSection.astro
+++ b/src/components/sections/FooterSection.astro
@@ -25,7 +25,7 @@ const crafted: string = Astro.currentLocale === "fr" ? "Fabriqué par" : "Crafte
     <div class="grid grid-cols-2 gap-6 md:grid-cols-4 lg:grid-cols-5">
       <div class="col-span-full lg:col-span-1">
         <!-- Brand Logo -->
-        <BrandLogo width="w-32" />
+        <BrandLogo class="h-auto w-32" />
       </div>
       <!-- An array of links for Product and Company sections -->
       {
diff --git a/src/components/sections/Navbar.astro b/src/components/sections/Navbar.astro
index babbf26..1dd3323 100644
--- a/src/components/sections/Navbar.astro
+++ b/src/components/sections/Navbar.astro
@@ -29,7 +29,7 @@ const homeUrl = Astro.currentLocale === "fr" ? "/fr" : "/";
         href={homeUrl}
         aria-label="Brand"
       >
-        <BrandLogo width="w-24" />
+        <BrandLogo class="h-auto w-24" />
       </a>
       <!-- Collapse toggle for smaller screens -->
       <div class="ml-auto mr-5 md:hidden">