From e7c4831ff75588d4df47fb44969020306cf40c7d Mon Sep 17 00:00:00 2001
From: Max Mogilski <maksmogi@gmail.com>
Date: Mon, 16 Oct 2023 14:46:17 +0200
Subject: [PATCH] feat: add lang select

---
 src/components/LangSelect/LangSelect.tsx | 4 ++--
 src/components/Navigation/Navigation.tsx | 9 ++++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/LangSelect/LangSelect.tsx b/src/components/LangSelect/LangSelect.tsx
index b78dcad5..11e66969 100644
--- a/src/components/LangSelect/LangSelect.tsx
+++ b/src/components/LangSelect/LangSelect.tsx
@@ -18,8 +18,8 @@ function LangSelect() {
 
   return (
     <Select value={lang} onValueChange={(locale) => router.push(`/${locale}`)}>
-      <SelectTrigger className="w-[100px] min-w-[100px]" aria-label="language select">
-        <SelectValue>{lang}</SelectValue>
+      <SelectTrigger className="w-full min-w-full rounded-xl lg:w-[70px] lg:min-w-[70px]" aria-label="language select">
+        <SelectValue>{lang.toUpperCase()}</SelectValue>
       </SelectTrigger>
       <SelectContent className="bg-white">
         <SelectGroup>
diff --git a/src/components/Navigation/Navigation.tsx b/src/components/Navigation/Navigation.tsx
index 50ffd52c..72396ae1 100644
--- a/src/components/Navigation/Navigation.tsx
+++ b/src/components/Navigation/Navigation.tsx
@@ -5,6 +5,7 @@ import Link from "next/link"
 import { useState } from "react"
 import { Locale } from "@/i18n/i18n"
 import { getNavigation } from "@/lib/client"
+import { DynamicLangSelect } from "../LangSelect/DynamicLangSelect"
 import { DynamicSearchDialog } from "../Search/DynamicSearchDialog"
 import { Button } from "../ui/Button/Button"
 import { Sheet, SheetContent, SheetTrigger } from "../ui/Sheet/Sheet"
@@ -46,6 +47,9 @@ export function Navigation({ locale, navigation }: NavigationProps) {
           <DynamicSearchDialog />
         </li>
         {navElements}
+        <li>
+          <DynamicLangSelect />
+        </li>
       </ul>
       <ul className="flex items-center sm:flex-wrap lg:hidden">
         <li className="flex items-center">
@@ -59,8 +63,11 @@ export function Navigation({ locale, navigation }: NavigationProps) {
               </Button>
             </li>
           </SheetTrigger>
-          <SheetContent className="mt-20 flex min-w-[100vw] list-none flex-col items-center justify-start text-center text-xl font-semibold">
+          <SheetContent className="mt-20 flex min-w-[100vw] list-none flex-col items-center justify-start text-center text-2xl font-semibold">
             {navElements}
+            <li className="mt-20 w-full text-xl font-normal">
+              <DynamicLangSelect />
+            </li>
           </SheetContent>
         </Sheet>
       </ul>