From d05620e2b4ccbd6db6cc1081daf6bbd3373cec5d Mon Sep 17 00:00:00 2001
From: prototypa <prototypearea.dev@gmail.com>
Date: Thu, 11 Apr 2024 23:25:48 -0400
Subject: [PATCH] Update Brands widget to use Image component

---
 package-lock.json                   | 4 ++--
 package.json                        | 2 +-
 src/components/widgets/Brands.astro | 4 +++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 0c3fe10..e909173 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "@onwidget/astrowind",
-  "version": "1.0.0-beta.24",
+  "version": "1.0.0-beta.25",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@onwidget/astrowind",
-      "version": "1.0.0-beta.24",
+      "version": "1.0.0-beta.25",
       "dependencies": {
         "@astro-community/astro-embed-youtube": "^0.5.2",
         "@astrojs/rss": "^4.0.5",
diff --git a/package.json b/package.json
index 8c1a70d..69de07e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@onwidget/astrowind",
-  "version": "1.0.0-beta.24",
+  "version": "1.0.0-beta.25",
   "description": "AstroWind: A free template using Astro 4.0 and Tailwind CSS. Astro starter theme.",
   "type": "module",
   "private": true,
diff --git a/src/components/widgets/Brands.astro b/src/components/widgets/Brands.astro
index db2ad17..7e42ae1 100644
--- a/src/components/widgets/Brands.astro
+++ b/src/components/widgets/Brands.astro
@@ -1,6 +1,8 @@
 ---
 import { Icon } from 'astro-icon/components';
 import type { Brands as Props } from '~/types';
+
+import Image from '~/components/common/Image.astro';
 import Headline from '~/components/ui/Headline.astro';
 import WidgetWrapper from '~/components/ui/WidgetWrapper.astro';
 const {
@@ -27,7 +29,7 @@ const {
           (image) =>
             image.src && (
               <div class="flex justify-center col-span-1 my-2 lg:my-4 py-1 px-3 rounded-md dark:bg-gray-200">
-                <img src={image.src} alt={image.alt || ''} class="max-h-12" />
+                <Image src={image.src} alt={image.alt || ''} class="max-h-12" width={120} height={48} layout="fixed" />
               </div>
             )
         )