MeghdadFadaee/nyone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

implement localization

Browse Source
This commit is contained in:
Meghdad Fadaee
2026-05-18 05:47:02 +03:30
parent e4ee983393
commit 774e2043c2
45 changed files with 704 additions and 140 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/js/pages/auth/forgot-password.tsx
View File

@@ -57,7 +57,7 @@ export default function ForgotPassword({ status }: { status?: string }) {
)}
</Form>
<div className="space-x-1 text-center text-sm text-muted-foreground">
<div className="space-x-1 text-center text-sm text-muted-foreground rtl:space-x-reverse">
<span>{t('Or, return to')}</span>
<TextLink href={login()}>{t('log in')}</TextLink>
</div>

4
resources/js/pages/auth/login.tsx
View File

@@ -58,7 +58,7 @@ export default function Login({
{canResetPassword && (
<TextLink
href={request()}
className="ml-auto text-sm"
className="ms-auto text-sm"
tabIndex={5}
>
{t('Forgot password?')}
@@ -76,7 +76,7 @@ export default function Login({
<InputError message={errors.password} />
</div>
<div className="flex items-center space-x-3">
<div className="flex items-center gap-3">
<Checkbox
id="remember"
name="remember"

6
resources/js/pages/channels/show.tsx
View File

@@ -275,7 +275,7 @@ export default function ChannelShow({
</section>
</main>
<aside className="hidden min-h-[480px] border-l bg-card xl:flex">
<aside className="hidden min-h-[480px] border-s bg-card xl:flex">
<ChatPanel
channel={channel}
authUser={Boolean(auth.user)}
@@ -474,7 +474,7 @@ function ChatPanel({
message.created_at,
)}
className={cn(
'ml-auto shrink-0 text-[11px] text-muted-foreground',
'ms-auto shrink-0 text-[11px] text-muted-foreground',
isChannelOwner &&
'text-primary/80',
)}
@@ -549,7 +549,7 @@ function ChatPanel({
<SmilePlus className="size-4" />
</Button>
{emojiPickerOpen && channel.is_live && (
<div className="absolute right-0 bottom-full z-10 mb-2 grid w-52 grid-cols-4 gap-1 rounded-md border bg-popover p-2 text-popover-foreground shadow-md">
<div className="absolute end-0 bottom-full z-10 mb-2 grid w-52 grid-cols-4 gap-1 rounded-md border bg-popover p-2 text-popover-foreground shadow-md">
{chatEmojis.map((emoji) => (
<button
key={emoji}

2
resources/js/pages/settings/appearance.tsx
View File

@@ -1,6 +1,7 @@
import { Head } from '@inertiajs/react';
import AppearanceTabs from '@/components/appearance-tabs';
import Heading from '@/components/heading';
import { LanguageSwitcher } from '@/components/language-switcher';
import { useTranslation } from '@/lib/translations';
import { edit as editAppearance } from '@/routes/appearance';
@@ -20,6 +21,7 @@ export default function Appearance() {
description="Update your account's appearance settings"
/>
<AppearanceTabs />
<LanguageSwitcher variant="settings" />
</div>
</>
);

14
resources/js/pages/welcome.tsx
View File

@@ -11,6 +11,7 @@ import {
Video,
} from 'lucide-react';
import { useMemo, useState } from 'react';
import { LanguageSwitcher } from '@/components/language-switcher';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { useTranslation } from '@/lib/translations';
@@ -96,7 +97,8 @@ export default function Welcome({
)}
</nav>
<div className="ml-auto flex items-center gap-2">
<div className="ms-auto flex items-center gap-2">
<LanguageSwitcher />
{auth.user ? (
<>
<Button asChild size="sm">
@@ -182,9 +184,9 @@ export default function Welcome({
count: featuredChannel.viewer_count,
})}
</span>
<span className="inline-flex shrink-0 items-center gap-1 text-primary sm:ml-auto">
<span className="inline-flex shrink-0 items-center gap-1 text-primary sm:ms-auto">
{t('Watch')}
<ArrowRight className="size-4" />
<ArrowRight className="size-4 rtl:rotate-180" />
</span>
</div>
</div>
@@ -269,14 +271,14 @@ export default function Welcome({
</div>
<div className="flex flex-col gap-2 sm:flex-row">
<div className="relative">
<Search className="absolute top-2.5 left-3 size-4 text-muted-foreground" />
<Search className="absolute start-3 top-2.5 size-4 text-muted-foreground" />
<Input
value={query}
onChange={(event) =>
setQuery(event.target.value)
}
placeholder={t('Search live channels')}
className="pl-9 sm:w-72"
className="ps-9 sm:w-72"
/>
</div>
<select
@@ -399,7 +401,7 @@ function Thumbnail({
</div>
</div>
)}
<div className="absolute top-3 left-3">
<div className="absolute start-3 top-3">
<LiveBadge compact />
</div>
</div>