From b684858d2755152427b16280c2d6a2b6b95a47c6 Mon Sep 17 00:00:00 2001
From: Vojtech Mares <iam@vojtechmares.com>
Date: Fri, 9 Dec 2022 02:13:43 +0100
Subject: [PATCH] fix: image's missing required width and height properties

---
 components/Environment.tsx |  2 +-
 components/TechStack.tsx   | 13 +++++++++----
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/components/Environment.tsx b/components/Environment.tsx
index eebe5d8..633100c 100644
--- a/components/Environment.tsx
+++ b/components/Environment.tsx
@@ -103,7 +103,7 @@ function Feature({ feature, className, ...props }: FeatureProps) {
       className={className}
       {...props}
     >
-      <Image src={feature.icon} className="w-32 rounded-lg p-2" color={feature.iconColor} alt="" />
+      <Image src={feature.icon} className="rounded-lg p-2" width="128" height="128" color={feature.iconColor} alt="" />
       <h3
         className="mt-6 text-lg font-medium text-blue-600"
       >
diff --git a/components/TechStack.tsx b/components/TechStack.tsx
index 4443f01..7507635 100644
--- a/components/TechStack.tsx
+++ b/components/TechStack.tsx
@@ -98,8 +98,9 @@ function Feature({ feature, isActive, className, ...props }: FeatureProps ) {
       className={clsx(className, !isActive && 'opacity-75 hover:opacity-100')}
       {...props}
     >
-      <Image src={feature.icon} className={clsx(
-          'w-32 rounded-lg p-2 flex justify-center',
+      <Image src={feature.icon} width="128" height="128" className={clsx(
+          // 'w-32',
+          'rounded-lg p-2 flex justify-center',
           // isActive ? 'fill-blue-600' : 'fill-slate-500'
         )} alt="" />
       <h3
@@ -131,7 +132,9 @@ function FeaturesMobile() {
                 className="w-full"
                 src={feature.image}
                 alt=""
-                sizes="52.75rem"
+                // sizes="52.75rem"
+                width="800"
+                height="500"
               />
             </div>
           </div>
@@ -182,7 +185,9 @@ function FeaturesDesktop() {
                       className="w-full"
                       src={feature.image}
                       alt=""
-                      sizes="52.75rem"
+                      // sizes="52.75rem"
+                      width="800"
+                      height="500"
                     />
                   </div>
                 </Tab.Panel>