fix: naming of urls variable

This commit is contained in:
Christel Westerberg
2024-06-05 09:01:45 +02:00
parent c5b2855876
commit 52111d2fa3
5 changed files with 18 additions and 18 deletions

View File

@@ -9,19 +9,19 @@ import type { LanguageSwitcherProps } from "@/types/components/current/languageS
export default function Mobile({
currentLanguage,
urlObject,
urls,
}: LanguageSwitcherProps) {
const [isOpen, setIsOpen] = useState(false)
function toggleOpen() {
setIsOpen((prevIsOpen) => !prevIsOpen)
}
const urls = Object.keys(urlObject)
const urlKeys = Object.keys(urls)
if (urls.length <= 1 && urls[0] === currentLanguage) {
if (urlKeys.length === 1 && urlKeys[0] === currentLanguage) {
return (
<div className={styles.languageSwitcher}>
{languages[currentLanguage]}{" "}
{languages[currentLanguage]}
</div>
)
}
@@ -33,13 +33,13 @@ export default function Mobile({
className={styles.languageSwitcher}
onClick={toggleOpen}
>
{languages[currentLanguage]}{" "}
{languages[currentLanguage]}
<span className={`${styles.arrow} ${isOpen ? styles.open : ""}`}></span>
<span className={styles.hiddenAccessible}>Choose language</span>
</button>
<ul className={`${styles.dropdown} ${isOpen ? styles.isOpen : ""}`}>
{urls.map((key) => {
const url = urlObject[key as Lang]?.url
{urlKeys.map((key) => {
const url = urls[key as Lang]?.url
if (url) {
return (
<li key={key} className={styles.li}>