chore: Translation Fixes, Lint Error Corrections, and Additional Translations (#788)

* fix translation and small lint error

* changed from localize to useLocalize hook

* changed to useLocalize
This commit is contained in:
Marco Beretta 2023-08-14 17:51:03 +02:00 committed by GitHub
parent b64cc71d88
commit 74802dd720
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
26 changed files with 421 additions and 421 deletions

View file

@ -5,16 +5,16 @@ import SunIcon from '../svg/SunIcon';
import LightningIcon from '../svg/LightningIcon';
import CautionIcon from '../svg/CautionIcon';
import store from '~/store';
import { localize } from '~/localization/Translation';
import { useLocalize } from '~/hooks';
import { useGetStartupConfig } from 'librechat-data-provider';
export default function Landing() {
const { data: config } = useGetStartupConfig();
const setText = useSetRecoilState(store.text);
const conversation = useRecoilValue(store.conversation);
const lang = useRecoilValue(store.lang);
const localize = useLocalize();
// @ts-ignore TODO: Fix anti-pattern - requires refactoring conversation store
const { title = localize(lang, 'com_ui_new_chat') } = conversation || {};
const { title = localize('com_ui_new_chat') } = conversation || {};
useDocumentTitle(title);
@ -39,60 +39,60 @@ export default function Landing() {
<div className="mb-8 flex flex-1 flex-col gap-3.5 md:mb-auto">
<h2 className="m-auto flex items-center gap-3 text-lg font-normal md:flex-col md:gap-2">
<SunIcon />
{localize(lang, 'com_ui_examples')}
{localize('com_ui_examples')}
</h2>
<ul className="m-auto flex w-full flex-col gap-3.5 sm:max-w-md">
<button
onClick={clickHandler}
className="w-full rounded-md bg-gray-50 p-3 hover:bg-gray-200 dark:bg-white/5 dark:hover:bg-gray-900"
>
&quot;{localize(lang, 'com_ui_example_quantum_computing')}&quot;
&quot;{localize('com_ui_example_quantum_computing')}&quot;
</button>
<button
onClick={clickHandler}
className="w-full rounded-md bg-gray-50 p-3 hover:bg-gray-200 dark:bg-white/5 dark:hover:bg-gray-900"
>
&quot;{localize(lang, 'com_ui_example_10_year_old_b_day')}&quot;
&quot;{localize('com_ui_example_10_year_old_b_day')}&quot;
</button>
<button
onClick={clickHandler}
className="w-full rounded-md bg-gray-50 p-3 hover:bg-gray-200 dark:bg-white/5 dark:hover:bg-gray-900"
>
&quot;{localize(lang, 'com_ui_example_http_in_js')}&quot;
&quot;{localize('com_ui_example_http_in_js')}&quot;
</button>
</ul>
</div>
<div className="mb-8 flex flex-1 flex-col gap-3.5 md:mb-auto">
<h2 className="m-auto flex items-center gap-3 text-lg font-normal md:flex-col md:gap-2">
<LightningIcon />
{localize(lang, 'com_ui_capabilities')}
{localize('com_ui_capabilities')}
</h2>
<ul className="m-auto flex w-full flex-col gap-3.5 sm:max-w-md">
<li className="w-full rounded-md bg-gray-50 p-3 dark:bg-white/5">
{localize(lang, 'com_ui_capability_remember')}
{localize('com_ui_capability_remember')}
</li>
<li className="w-full rounded-md bg-gray-50 p-3 dark:bg-white/5">
{localize(lang, 'com_ui_capability_correction')}
{localize('com_ui_capability_correction')}
</li>
<li className="w-full rounded-md bg-gray-50 p-3 dark:bg-white/5">
{localize(lang, 'com_ui_capability_decline_requests')}
{localize('com_ui_capability_decline_requests')}
</li>
</ul>
</div>
<div className="mb-8 flex flex-1 flex-col gap-3.5 md:mb-auto">
<h2 className="m-auto flex items-center gap-3 text-lg font-normal md:flex-col md:gap-2">
<CautionIcon />
{localize(lang, 'com_ui_limitations')}
{localize('com_ui_limitations')}
</h2>
<ul className="m-auto flex w-full flex-col gap-3.5 sm:max-w-md">
<li className="w-full rounded-md bg-gray-50 p-3 dark:bg-white/5">
{localize(lang, 'com_ui_limitation_incorrect_info')}
{localize('com_ui_limitation_incorrect_info')}
</li>
<li className="w-full rounded-md bg-gray-50 p-3 dark:bg-white/5">
{localize(lang, 'com_ui_limitation_harmful_biased')}
{localize('com_ui_limitation_harmful_biased')}
</li>
<li className="w-full rounded-md bg-gray-50 p-3 dark:bg-white/5">
{localize(lang, 'com_ui_limitation_limited_2021')}
{localize('com_ui_limitation_limited_2021')}
</li>
</ul>
</div>