fix: only render currentlang of no other urls are available
This commit is contained in:
@@ -9,19 +9,28 @@ import type { LanguageSwitcherProps } from "@/types/components/current/languageS
|
||||
|
||||
export default function Mobile({
|
||||
currentLanguage,
|
||||
urls,
|
||||
urlObject,
|
||||
}: LanguageSwitcherProps) {
|
||||
const [isOpen, setIsOpen] = useState(false)
|
||||
|
||||
function toggleOpen() {
|
||||
setIsOpen((prevIsOpen) => !prevIsOpen)
|
||||
}
|
||||
const urls = Object.keys(urlObject)
|
||||
|
||||
if (urls.length <= 1 && urls[0] === currentLanguage) {
|
||||
return (
|
||||
<div className={styles.languageSwitcher}>
|
||||
{languages[currentLanguage]}{" "}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<button
|
||||
aria-pressed="false"
|
||||
className={styles.toggle}
|
||||
className={styles.languageSwitcher}
|
||||
onClick={toggleOpen}
|
||||
>
|
||||
{languages[currentLanguage]}{" "}
|
||||
@@ -29,8 +38,8 @@ export default function Mobile({
|
||||
<span className={styles.hiddenAccessible}>Choose language</span>
|
||||
</button>
|
||||
<ul className={`${styles.dropdown} ${isOpen ? styles.isOpen : ""}`}>
|
||||
{Object.keys(urls).map((key) => {
|
||||
const url = urls[key as Lang]?.url
|
||||
{urls.map((key) => {
|
||||
const url = urlObject[key as Lang]?.url
|
||||
if (url) {
|
||||
return (
|
||||
<li key={key} className={styles.li}>
|
||||
|
||||
Reference in New Issue
Block a user