iod/page-assist
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Add RTL support for header navigation

Browse Source
This commit is contained in:
n4ze3m 2024-12-29 13:13:59 +05:30
parent 3ddb7f1ad8
commit db3a80c081
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Layouts/Header.tsx
View File

@ -2,6 +2,7 @@ import { useStorage } from "@plasmohq/storage/hook"
import {
BrainCog,
ChevronLeft,
ChevronRight,
CogIcon,
ComputerIcon,
GithubIcon,
@ -31,7 +32,9 @@ export const Header: React.FC<Props> = ({
setOpenModelSettings,
setSidebarOpen
}) => {
const { t } = useTranslation(["option", "common"])
const { t, i18n } = useTranslation(["option", "common"])
const isRTL = i18n?.dir() === "rtl"
const [shareModeEnabled] = useStorage("shareMode", false)
const [hideCurrentChatModelSettings] = useStorage(
"hideCurrentChatModelSettings",
@ -97,7 +100,11 @@ export const Header: React.FC<Props> = ({
<NavLink
to="/"
className="text-gray-500 items-center dark:text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 transition-colors">
<ChevronLeft className="w-8 h-8" />
{isRTL ? (
<ChevronRight className={`w-8 h-8`} />
) : (
<ChevronLeft className={`w-8 h-8`} />
)}
</NavLink>
</div>
)}

2
src/routes/firefox-route.tsx
View File

@ -9,7 +9,6 @@ export const OptionRouting = () => {
return (
<div className={`${mode === "dark" ? "dark" : "light"} arimo`}>
<Suspense fallback={<PageAssistLoader />}>
<OptionRoutingFirefox />
</Suspense>
</div>
@ -22,7 +21,6 @@ export const SidepanelRouting = () => {
return (
<div className={`${mode === "dark" ? "dark" : "light"} arimo`}>
<Suspense fallback={<PageAssistLoader />}>
<SidepanelRoutingFirefox />
</Suspense>
</div>