-
- ;
+
+const THEME_OPTIONS = [
+ { value: AppTheme.System, labelKey: "settingsThemeSystemDefault" },
+ { value: AppTheme.Light, labelKey: "settingsThemeLightMode" },
+ { value: AppTheme.Dark, labelKey: "settingsThemeDarkMode" },
+] as const satisfies readonly { value: AppTheme; labelKey: string }[];
+
+const FooterLinkColumn: FC<{
+ title: string;
+ links: readonly FooterLink[];
+ onContactClick?: () => void;
+}> = ({ title, links, onContactClick }) => {
+ const t = useTranslations();
+
+ return (
+
+
+ );
+};
+
+const ThemeSelector: FC = () => {
+ const t = useTranslations();
+ const mounted = useMounted();
+ const { themeChoice, setTheme } = useAppTheme();
+
+ const currentTheme = mounted ? themeChoice : AppTheme.System;
+ const currentOption =
+ THEME_OPTIONS.find((opt) => opt.value === currentTheme) ?? THEME_OPTIONS[0];
+
+ const handleThemeChange = (value: AppTheme) => {
+ setTheme(value);
+ };
+
+ return (
+
+
+ );
+};
const Footer: FC = () => {
const t = useTranslations();
const { setCurrentModal } = useModal();
+ const handleContactClick = () => setCurrentModal({ type: "contactUs" });
+
return (
-
- {t.rich("homeTitle", { - highlight: (chunks) => ( - - {chunks} - - ), - })} -
- - {t("homeDescription")} - -
-
+
-
-
- {hotTopics.map((item, idx) => (
-
-
+
+
+
- {!!postQuestions.length && (
-
-
- )}
-
-
-
- {!!postNotebooks.length && (
-
-
- )}
-
+
+ - {t.rich("focusAreasTitle", { - highlight: (chunks) => ( - - {chunks} - - ), - })} -
-- {t("focusAreasDescription")} -
-
- {FOCUS_AREAS.map((focusArea) => (
-
+
+
+
-
-
+
+ {title}
+
+ {links.map((link, index) => {
+ if (link.isModal) {
+ return (
+
+ );
+ }
+ if (link.external) {
+ return (
+
+ {t(link.labelKey as Parameters[0])}
+
+ );
+ }
+ return (
+
+ {t(link.labelKey as Parameters[0])}
+
+ );
+ })}
+
+ );
+};
+
+const LanguageSelector: FC = () => {
+ const { user } = useAuth();
+ const currentLocale = useLocale();
+ const router = useRouter();
+
+ const updateLanguage = (language: string) => {
+ updateLanguagePreference(language, false)
+ .then(() => router.refresh())
+ .catch(logError);
+ };
+
+ const selectedLanguage = user?.language || currentLocale;
+
+ return (
+
+
+
+
+ {APP_LANGUAGES.map((language) => (
+
+ cn(
+ "cursor-pointer px-3 py-2 text-sm text-gray-200 hover:bg-gray-700 dark:text-gray-200-dark dark:hover:bg-gray-300",
+ selected && "bg-gray-700 font-medium dark:bg-gray-300"
+ )
+ }
+ >
+ {language.name}
+
+ ))}
+
+
+
+
+ [0])}
+
+
+ {THEME_OPTIONS.map((option) => (
+
+ cn(
+ "cursor-pointer text-nowrap px-3 py-2 text-sm text-gray-200 hover:bg-gray-700 dark:text-gray-200-dark dark:hover:bg-gray-300",
+ selected && "bg-gray-700 font-medium dark:bg-gray-300"
+ )
+ }
+ >
+ {t(option.labelKey as Parameters[0])}
+
+ ))}
+
+
+