From 1f1bf9206ff66af392e2157c6919c680211c77f9 Mon Sep 17 00:00:00 2001
From: Regaron <Regaron@users.noreply.github.com>
Date: Mon, 30 Nov 2020 10:06:10 +0545
Subject: [PATCH] Update I18nWidget.tsx

---
 components/common/I18nWidget/I18nWidget.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/common/I18nWidget/I18nWidget.tsx b/components/common/I18nWidget/I18nWidget.tsx
index 3d91d4044..e2321c19c 100644
--- a/components/common/I18nWidget/I18nWidget.tsx
+++ b/components/common/I18nWidget/I18nWidget.tsx
@@ -51,7 +51,7 @@ const I18nWidget: FC = () => {
         />
           {LOCALES_MAP[currentLocale].name}
           {options && (
-          <span style={{transform:"translateY(0.15rem)"}} className="cursor-pointer">
+          <span style={{transform:"translateY(0.1rem)"}} className="cursor-pointer">
             <svg
               viewBox="0 0 24 24"
               width="24"
@@ -72,7 +72,7 @@ const I18nWidget: FC = () => {
       <div className="absolute top-0 right-0">
         {options?.length && display ? (
           <div className={s.dropdownMenu}>
-            <div className="flex flex-row justify-end px-4 pt-4">
+            <div className="flex flex-row justify-end px-2 pt-2">
               <button
                 onClick={() => setDisplay(false)}
                 aria-label="Close panel"
@@ -86,6 +86,11 @@ const I18nWidget: FC = () => {
                 <li key={locale}>
                   <Link href={currentPath} locale={locale}>
                     <a className={cn(s.item)} onClick={() => setDisplay(false)}>
+                      <img
+                        className="block mr-2 w-5"
+                        src={`/${LOCALES_MAP[currentLocale].img.filename}`}
+                        alt={LOCALES_MAP[currentLocale].img.alt}
+                      />
                       {LOCALES_MAP[locale].name}
                     </a>
                   </Link>