From 4cbbc3963de555d3c66c54ec7afc3e8c8f294e00 Mon Sep 17 00:00:00 2001
From: Apostolos Tsakpinis <apostolos.tsakpinis@gmail.com>
Date: Sat, 26 Oct 2019 15:18:05 +0300
Subject: [PATCH] chore: remove intrinsicsize

Proposal is no longer active. A more elegant solution has been proposed
and is now being implemented by browsers:

https://github.com/WICG/intrinsicsize-attribute/issues/16
---
 client/components/LazyImg.tsx |  1 -
 client/routes/home/index.tsx  | 23 +++--------------------
 2 files changed, 3 insertions(+), 21 deletions(-)

diff --git a/client/components/LazyImg.tsx b/client/components/LazyImg.tsx
index 7070bd0e..733d05fe 100644
--- a/client/components/LazyImg.tsx
+++ b/client/components/LazyImg.tsx
@@ -30,7 +30,6 @@ function getPlaceholder(params: Partial<React.ImgHTMLAttributes<HTMLImageElement
 
 interface LazyImgProps extends React.ImgHTMLAttributes<HTMLImageElement> {
   rootMargin?: string;
-  intrinsicsize?: string; // TODO: Remove this when added to ImgHTMLAttributes
 }
 
 export const LazyImg: React.FC<LazyImgProps> = lazyPolyfill
diff --git a/client/routes/home/index.tsx b/client/routes/home/index.tsx
index 0567581e..8083b7b8 100644
--- a/client/routes/home/index.tsx
+++ b/client/routes/home/index.tsx
@@ -368,7 +368,6 @@ const StaticContent = () => {
                 className="m-3"
                 width={218}
                 height={50}
-                intrinsicsize="218x50"
                 src="/img/sponsors/vpsserver.com.svg"
                 alt="VPSSERVER.com"
               />
@@ -378,14 +377,7 @@ const StaticContent = () => {
               rel="sponsored noopener"
               target="_blank"
             >
-              <LazyImg
-                className="m-3"
-                intrinsicsize="250x27"
-                width={223}
-                height={42}
-                src="/img/sponsors/bestvpn.png"
-                alt="BestVPN.co"
-              />
+              <LazyImg className="m-3" width={223} height={42} src="/img/sponsors/bestvpn.png" alt="BestVPN.co" />
             </a>
             <a
               href="https://www.vpnranks.com/?utm_source=opencollective&utm_medium=github&utm_campaign=lwjgl"
@@ -394,7 +386,6 @@ const StaticContent = () => {
             >
               <LazyImg
                 className="m-3"
-                intrinsicsize="70x70"
                 width={50}
                 height={50}
                 src="/img/sponsors/vpnranks-white.png"
@@ -408,7 +399,6 @@ const StaticContent = () => {
             >
               <LazyImg
                 className="m-3"
-                intrinsicsize="169x22"
                 width={169}
                 height={22}
                 src="/img/sponsors/vpn-gorilla-white-169x22.png"
@@ -416,19 +406,12 @@ const StaticContent = () => {
               />
             </a>
             <a href="https://www.casinotop.com/" rel="sponsored noopener" target="_blank">
-              <LazyImg
-                className="m-3"
-                intrinsicsize="128x128"
-                width={64}
-                height={64}
-                src="/img/sponsors/casinotop.png"
-                alt="Money Pug"
-              />
+              <LazyImg className="m-3" width={64} height={64} src="/img/sponsors/casinotop.png" alt="Money Pug" />
             </a>
             <a href="https://loanscouter.com/" rel="noopener" target="_blank">
               <LazyImg
                 className="m-3"
-                intrinsicsize="463x184"
+                width={161}
                 height={64}
                 src="/img/sponsors/loanscouter-white.svg"
                 alt="Loan Scouter"