deprecate(i18n): translation progress from picker

src/components/LanguagePicker/Desktop.tsx

@@ -63,7 +63,6 @@ const DesktopLanguagePicker = ({
           languages={languages}
           onSelect={onClose}
           onNoResultsClose={onClose}
-          onTranslationProgramClick={onClose}
         />
       </PopoverContent>
     </Popover>

src/components/LanguagePicker/MenuItem.tsx

@@ -8,24 +8,12 @@ import { cn } from "@/lib/utils/cn"
 
 import { CommandItem } from "../ui/command"
 
-import ProgressBar from "./ProgressBar"
-
-import { useTranslation } from "@/hooks/useTranslation"
-
 type ItemProps = ComponentPropsWithoutRef<typeof CommandItem> & {
   displayInfo: LocaleDisplayInfo
 }
 
 const MenuItem = ({ displayInfo, ...props }: ItemProps) => {
-  const {
-    localeOption,
-    sourceName,
-    targetName,
-    approvalProgress,
-    progress,
-    words,
-  } = displayInfo
-  const { t } = useTranslation("common")
+  const { localeOption, sourceName, targetName } = displayInfo
   const locale = useLocale()
   const isCurrent = localeOption === locale
 
@@ -61,11 +49,6 @@ const MenuItem = ({ displayInfo, ...props }: ItemProps) => {
           />
         )}
       </div>
-      <p className="max-w-full text-xs lowercase text-body-medium">
-        {progress} {t("page-languages-translated")} • {words}{" "}
-        {t("page-languages-words")}
-      </p>
-      <ProgressBar value={approvalProgress} />
     </CommandItem>
   )
 }

src/components/LanguagePicker/index.tsx

@@ -8,7 +8,6 @@ import type { LocaleDisplayInfo } from "@/lib/types"
 import { cn } from "@/lib/utils/cn"
 import { trackCustomEvent } from "@/lib/utils/matomo"
 
-import LanguagePickerFooter from "./LanguagePickerFooter"
 import LanguagePickerMenu from "./LanguagePickerMenu"
 import { useLanguagePicker } from "./useLanguagePicker"
 
@@ -19,21 +18,18 @@ type LanguagePickerProps = {
   languages: LocaleDisplayInfo[]
   onSelect?: (value: string) => void
   onNoResultsClose?: () => void
-  onTranslationProgramClick?: () => void
 }
 
 const LanguagePicker = ({
   languages,
   className,
   onSelect,
   onNoResultsClose,
-  onTranslationProgramClick,
 }: LanguagePickerProps) => {
   const pathname = usePathname()
   const { push } = useRouter()
   const params = useParams()
-  const { languages: sortedLanguages, intlLanguagePreference } =
-    useLanguagePicker(languages)
+  const { languages: sortedLanguages } = useLanguagePicker(languages)
 
   useEffect(() => {
     trackCustomEvent({
@@ -81,16 +77,6 @@ const LanguagePicker = ({
     })
   }
 
-  const handleTranslationProgramClick = () => {
-    onTranslationProgramClick?.()
-
-    trackCustomEvent({
-      eventCategory: `Language picker`,
-      eventAction: "Translation program link (menu footer)",
-      eventName: "/contributing/translation-program",
-    })
-  }
-
   return (
     <div className={cn("flex flex-col", className)}>
       <LanguagePickerMenu
@@ -99,11 +85,6 @@ const LanguagePicker = ({
         onSelect={handleMenuItemSelect}
         onClose={handleNoResultsClose}
       />
-
-      <LanguagePickerFooter
-        intlLanguagePreference={intlLanguagePreference}
-        onTranslationProgramClick={handleTranslationProgramClick}
-      />
     </div>
   )
 }

src/components/LanguagePicker/useLanguagePicker.tsx

@@ -36,9 +36,6 @@ export const useLanguagePicker = (languages: LocaleDisplayInfo[]) => {
     return preferences
   }, [])
 
-  // Keep the first preference for backward compatibility
-  const intlLocalePreference = intlLocalePreferences[0] || ""
-
   // Sort languages client-side to prioritize browser preference
   const sortedLanguages = useMemo<LocaleDisplayInfo[]>(() => {
     return [...languages]
@@ -73,12 +70,5 @@ export const useLanguagePicker = (languages: LocaleDisplayInfo[]) => {
       })
   }, [languages, intlLocalePreferences, locale])
 
-  const intlLanguagePreference = sortedLanguages.find(
-    (lang) => lang.localeOption === intlLocalePreference
-  )
-
-  return {
-    languages: sortedLanguages,
-    intlLanguagePreference,
-  }
+  return { languages: sortedLanguages }
 }

src/intl/ar/common.json

@@ -365,13 +365,9 @@
   "page-languages-filter-placeholder": "اكتب للتصفية",
   "page-languages-interested": "هل ترغب في المساهمة؟",
   "page-languages-learn-more": "اعرف المزيد عن برنامج الترجمة لدينا",
-  "page-languages-recruit-community": "ساعدنا على ترجَمة ethereum.org.",
-  "page-languages-translated": "تمت الترجَمة",
   "page-languages-want-more-header": "هل ترغب في الاطلاع على ethereum.org بلغة مختلفة؟",
   "page-languages-want-more-link": "برنامج الترجمة",
-  "page-languages-translate-cta-title": "ترجمة إلى",
   "page-languages-want-more-paragraph": "مترجمو ethereum.org دائمًا يترجمون الصفحات بأكبر عدد ممكن من اللغات. للاطلاع على ما يعملون عليه الآن أو للتسجيل للانضمام إليهم، اقرأ عن",
-  "page-languages-words": "من الكلمات",
   "page-last-updated": "آخر تحديث للصفحة",
   "page-not-found": "لم يتم العثور على الصفحة",
   "page-not-found-description": "لا يمكن العثور على الصفحة المطلوبة.",

src/intl/bn/common.json

@@ -365,13 +365,9 @@
   "page-languages-filter-placeholder": "ফিল্টার করতে টাইপ করুন",
   "page-languages-interested": "অবদান রাখতে আগ্রহী?",
   "page-languages-learn-more": "আমাদের অনুবাদ প্রোগ্রাম সম্পর্কে আরও জানুন",
-  "page-languages-recruit-community": "ethereum.org অনুবাদ করতে আমাদের সাহায্য করুন।",
-  "page-languages-translated": "অনূদিত",
   "page-languages-want-more-header": "ethereum.org-কে অন্য ভাষায় দেখতে চান?",
   "page-languages-want-more-link": "অনুবাদ প্রোগ্রাম",
-  "page-languages-translate-cta-title": "অনুবাদ করুন",
   "page-languages-want-more-paragraph": "ethereum.org অনুবাদকরা সবসময় যতটা সম্ভব বেশি ভাষায় পেজগুলো অনুবাদ করছেন। তারা বর্তমানে কী নিয়ে কাজ করছেন তা দেখতে বা তাদের সাথে যোগ দিতে সাইন আপ করতে, আমাদের সম্পর্কে পড়ুন",
-  "page-languages-words": "শব্দ",
   "page-last-updated": "পেজ সর্বশেষ আপডেট করা হয়েছে",
   "page-not-found": "পেজ পাওয়া যায়নি",
   "page-not-found-description": "অনুরোধ করা পেজটি পাওয়া যায়নি।",