disabled ln fn added

This commit is contained in:
Al Murad Uzzaman
2024-05-19 14:01:35 +06:00
parent 4df29fbf63
commit e2338efc6b
10 changed files with 127 additions and 85 deletions
+9 -1
View File
@@ -25,7 +25,15 @@ const { theme_switcher }: { theme_switcher: boolean } = config.settings;
const { default_language } = config.settings;
const { trailing_slash } = config.site;
const lang = getLangFromUrl(Astro.url);
let lang = getLangFromUrl(Astro.url);
// Check if the current language is disabled
const disabledLanguages = config.settings.disable_languages as string[];
if (disabledLanguages.includes(lang)) {
// Redirect to the default language or handle as per your application logic
lang = default_language;
}
const url = constructUrl("/", lang, default_language, trailing_slash);
---
+5 -3
View File
@@ -19,8 +19,10 @@ const LanguageSwitcher = ({
return path;
};
// Sort languages by weight
const sortedLanguages = languages.sort((a, b) => a.weight - b.weight);
// Sort languages by weight and filter out disabled languages
const sortedLanguages = languages
.filter(language => !config.settings.disable_languages.includes(language.languageCode))
.sort((a, b) => a.weight - b.weight);
return (
<div className="mr-5">
@@ -53,4 +55,4 @@ const LanguageSwitcher = ({
);
};
export default LanguageSwitcher;
export default LanguageSwitcher;
+8 -5
View File
@@ -3,14 +3,17 @@ import Logo from "@/components/Logo.astro";
import Social from "@/components/Social.astro";
import config from "@/config/config.json";
import social from "@/config/social.json";
import { getLangFromUrl } from "@/lib/utils/i18nUtils";
import { loadMenu } from "@/lib/utils/loadMenu";
import { getLangFromUrl, getTranslations } from "@/lib/utils/i18nUtils";
import { markdownify } from "@/lib/utils/textConverter";
import type { ContentEntryMap } from "astro:content";
import { getRelativeLocaleUrl } from "astro:i18n";
const lang = getLangFromUrl(Astro.url);
const menu = loadMenu(lang);
const { footer }: { footer: { name: string; url: string }[] } = menu;
const menu = await getTranslations(lang as keyof ContentEntryMap);
let footer: any = [];
if (menu) {
footer = menu.footer;
}
---
<footer class="bg-theme-light dark:bg-darkmode-theme-light">
@@ -22,7 +25,7 @@ const { footer }: { footer: { name: string; url: string }[] } = menu;
<div class="mb-8 text-center lg:col-6 lg:mb-0">
<ul>
{
footer.map((menu) => (
footer.map((menu: any) => (
<li class="m-3 inline-block">
<a href={getRelativeLocaleUrl(lang, menu.url)}>{menu.name}</a>
</li>
+19 -10
View File
@@ -9,27 +9,33 @@ import {
getLangFromUrl,
getTranslations,
} from "@/lib/utils/i18nUtils";
import { loadMenu } from "@/lib/utils/loadMenu";
import type { ContentEntryMap } from "astro:content";
import { IoSearch } from "react-icons/io5";
const lang = getLangFromUrl(Astro.url);
const menu = loadMenu(lang);
let lang = getLangFromUrl(Astro.url);
const menu = await getTranslations(lang as keyof ContentEntryMap);
const { navigation_button, settings } = config;
const { default_language } = config.settings;
const { trailing_slash } = config.site;
const { pathname } = Astro.url;
const { get_started } = await getTranslations(lang as keyof ContentEntryMap);
// Check if the current language is disabled
const disabledLanguages = config.settings.disable_languages as string[];
if (disabledLanguages.includes(lang)) {
// Redirect to the default language or handle as per your application logic
lang = default_language;
}
---
<header class={`header z-30 ${settings.sticky_header && "sticky top-0"}`}>
<nav class="navbar container">
<!-- logo -->
{/* logo */}
<div class="order-0">
<Logo />
</div>
<!-- navbar toggler -->
{/* navbar toggler */}
<input id="nav-toggle" type="checkbox" class="hidden" />
<label
for="nav-toggle"
@@ -46,14 +52,14 @@ const { get_started } = await getTranslations(lang as keyof ContentEntryMap);
transform="rotate(45 10 10)"></polygon>
</svg>
</label>
<!-- /navbar toggler -->
{/* /navbar toggler */}
<ul
id="nav-menu"
class="navbar-nav order-3 hidden w-full pb-6 lg:order-1 lg:flex lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"
>
{
menu.main.map((menu: any) => (
menu?.main.map((menu: any) => (
<>
{menu.hasChildren ? (
<li class="nav-item nav-dropdown group relative">
@@ -131,7 +137,7 @@ const { get_started } = await getTranslations(lang as keyof ContentEntryMap);
</>
))
}
{/* Navigation button */}
{
navigation_button.enable && (
<li class="mt-4 inline-block lg:hidden">
@@ -147,6 +153,7 @@ const { get_started } = await getTranslations(lang as keyof ContentEntryMap);
</ul>
<div class="order-1 ml-auto flex items-center md:order-2 lg:ml-0">
{/* Search button */}
{
settings.search && (
<button
@@ -158,13 +165,15 @@ const { get_started } = await getTranslations(lang as keyof ContentEntryMap);
</button>
)
}
{/* Theme switcher */}
<ThemeSwitcher className="mr-5" />
{/* Language switcher */}
{
languages.length > 1 && (
<LanguageSwitcher client:load lang={lang} pathname={pathname} />
)
}
{/* Navigation button */}
{
navigation_button.enable && (
<a
@@ -177,4 +186,4 @@ const { get_started } = await getTranslations(lang as keyof ContentEntryMap);
}
</div>
</nav>
</header>
</header>;