Reorganize components

2026-02-05 22:37:00 -07:00
parent db3c0274f6
commit 6f178e934f
61 changed files with 45 additions and 44 deletions
@@ -0,0 +1,18 @@
+"use client";
+
+import { memo } from "react";
+import LanguageSwitcherView from "./LanguageSwitcher.view";
+import type { LanguageSwitcherProps } from "./LanguageSwitcher.types";
+
+const LanguageSwitcherContainer = memo<LanguageSwitcherProps>(
+  ({ className }) => {
+    // Future: Add language switching logic here
+    // For now, this is just a UI component
+
+    return <LanguageSwitcherView className={className} />;
+  },
+);
+
+LanguageSwitcherContainer.displayName = "LanguageSwitcher";
+
+export default LanguageSwitcherContainer;
@@ -0,0 +1,9 @@
+export interface LanguageSwitcherProps {
+  className?: string;
+}
+
+export interface Language {
+  code: string;
+  name: string;
+  nativeName: string;
+}
@@ -0,0 +1,42 @@
+"use client";
+
+import { memo } from "react";
+import { useTranslation } from "../../../contexts/MessagesContext";
+import type { LanguageSwitcherProps, Language } from "./LanguageSwitcher.types";
+
+function LanguageSwitcherView({ className = "" }: LanguageSwitcherProps) {
+  const t = useTranslation("languageSwitcher");
+
+  const AVAILABLE_LANGUAGES: Language[] = [
+    {
+      code: "en",
+      name: t("languages.english.name"),
+      nativeName: t("languages.english.nativeName"),
+    },
+  ];
+
+  return (
+    <div className={className}>
+      <label htmlFor="language-select" className="sr-only">
+        {t("label")}
+      </label>
+      <select
+        id="language-select"
+        className="bg-[var(--color-surface-default-primary)] text-[var(--color-content-default-primary)] font-inter text-sm leading-5 font-normal border border-[var(--color-surface-default-secondary)] rounded-[var(--radius-measures-radius-small)] px-[var(--spacing-scale-012)] py-[var(--spacing-scale-008)] focus:outline-none focus:ring-2 focus:ring-[var(--color-surface-default-brand-royal)] focus:ring-offset-2 cursor-pointer"
+        aria-label={t("ariaLabel")}
+        disabled
+      >
+        {AVAILABLE_LANGUAGES.map((language) => (
+          <option key={language.code} value={language.code}>
+            {language.nativeName}
+          </option>
+        ))}
+      </select>
+      <p className="text-[var(--color-content-default-secondary)] font-inter text-xs leading-4 font-normal mt-[var(--spacing-scale-008)]">
+        {t("comingSoonMessage")}
+      </p>
+    </div>
+  );
+}
+
+export default memo(LanguageSwitcherView);
@@ -0,0 +1,2 @@
+export { default } from "./LanguageSwitcher.container";
+export type { LanguageSwitcherProps, Language } from "./LanguageSwitcher.types";