scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: rename Static folder

Browse Source
This commit is contained in:
Christel Westerberg
2024-02-27 13:26:09 +01:00
parent 218dabf5ec
commit 66f967f948
327 changed files with 26275 additions and 19778 deletions
Download Patch File Download Diff File Expand all files Collapse all files

68
components/Current/Header/LanguageSwitcher/Desktop/index.tsx
View File

@@ -15,7 +15,7 @@ export default function Desktop({
const divRef = useRef<HTMLDivElement>(null)
function toggleOpen() {
setIsOpen(prevIsOpen => !prevIsOpen)
setIsOpen((prevIsOpen) => !prevIsOpen)
}
const close = useCallback(() => {
@@ -31,10 +31,10 @@ export default function Desktop({
}
if (divRef.current) {
document.addEventListener('click', handleClickOutside, false)
document.addEventListener("click", handleClickOutside, false)
}
return () => {
document.removeEventListener('click', handleClickOutside, false)
document.removeEventListener("click", handleClickOutside, false)
}
}, [close])
@@ -51,31 +51,67 @@ export default function Desktop({
className="icon icon--xs icon--white"
viewBox="0 0 32 32"
>
<use xlinkHref="/Static/img/icons/sprites.svg#icon-globe"></use>
<use xlinkHref="/_static/img/icons/sprites.svg#icon-globe"></use>
</svg>
{currentLanguage}
<span className="hidden--accessible">Choose language</span>
<span className="caret"></span>
</button>
<ul className={`${styles.dropdown} ${isOpen ? styles.isOpen : ""}`}>
<li className={currentLanguage === languages.en ? styles.active : undefined}>
<a className={styles.link} href={urls.en?.url}>{languages.en}</a>
<li
className={
currentLanguage === languages.en ? styles.active : undefined
}
>
<a className={styles.link} href={urls.en?.url}>
{languages.en}
</a>
</li>
<li className={currentLanguage === languages.sv ? styles.active : undefined}>
<a className={styles.link} href={urls.sv?.url}>{languages.sv}</a>
<li
className={
currentLanguage === languages.sv ? styles.active : undefined
}
>
<a className={styles.link} href={urls.sv?.url}>
{languages.sv}
</a>
</li>
<li className={currentLanguage === languages.no ? styles.active : undefined}>
<a className={styles.link} href={urls.no?.url}>{languages.no}</a>
<li
className={
currentLanguage === languages.no ? styles.active : undefined
}
>
<a className={styles.link} href={urls.no?.url}>
{languages.no}
</a>
</li>
{/* When we have 6 languages in Contenstack, danish url should come from urls.da?.url */}
<li className={currentLanguage === languages.da ? styles.active : undefined}>
<a className={styles.link} href="https://www.scandichotels.dk/">{languages.da}</a>
<li
className={
currentLanguage === languages.da ? styles.active : undefined
}
>
<a className={styles.link} href="https://www.scandichotels.dk/">
{languages.da}
</a>
</li>
<li className={currentLanguage === languages.fi ? styles.active : undefined}>
<a className={styles.link} href={urls.fi?.url}>{languages.fi}</a>
<li
className={
currentLanguage === languages.fi ? styles.active : undefined
}
>
<a className={styles.link} href={urls.fi?.url}>
{languages.fi}
</a>
</li>
<li className={currentLanguage === languages.de ? styles.active : undefined}>
<a className={styles.link} href={urls.de?.url}>{languages.de}</a>
<li
className={
currentLanguage === languages.de ? styles.active : undefined
}
>
<a className={styles.link} href={urls.de?.url}>
{languages.de}
</a>
</li>
</ul>
</div>