fix sidebar rtl

paranext · Dec 11, 2024 · dac7735 · dac7735
1 parent cab0a13
commit dac7735
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/lib/platform-bible-react/src/preview/pages/components/basics.component.tsx b/lib/platform-bible-react/src/preview/pages/components/basics.component.tsx
@@ -114,7 +114,7 @@ function Basics({ direction }: HasDirection) {
 
         <VerticalTabsContent value="Sidebar">
           <div className="tw-relative tw-overflow-hidden">
-            <SettingsSidebarExamples />
+            <SettingsSidebarExamples direction={direction} />
           </div>
         </VerticalTabsContent>
 

diff --git a/lib/platform-bible-react/src/preview/pages/components/basics/sidebar.examples.component.tsx b/lib/platform-bible-react/src/preview/pages/components/basics/sidebar.examples.component.tsx
@@ -18,7 +18,7 @@ type SidebarExamplesProps = {
   direction?: string;
 };
 
-export default function SidebarExamples({ direction = 'ltr' }: SidebarExamplesProps) {
+export default function SidebarExamples({ direction }: SidebarExamplesProps) {
   const [sidebarSelection, setSidebarSelection] = useState('button');
 
   const sidebarItems: { [title: string]: string } = {
@@ -31,7 +31,7 @@ export default function SidebarExamples({ direction = 'ltr' }: SidebarExamplesPr
 
   return (
     <SidebarProvider dir={direction}>
-      <Sidebar>
+      <Sidebar side={direction === 'rtl' ? 'right' : 'left'}>
         <SidebarContent>
           <SidebarGroup>
             <SidebarGroupLabel>Application</SidebarGroupLabel>