frontend: fix how the accessory panel opens

seed-hypermedia · Jan 4, 2024 · 2d783d8 · 2d783d8
1 parent 47cad71
commit 2d783d8
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/frontend/packages/app/components/accessory-sidebar.tsx b/frontend/packages/app/components/accessory-sidebar.tsx
@@ -9,7 +9,7 @@ export function AccessoryContainer({
   title?: string
 }) {
   return (
-    <Allotment.Pane preferredSize="35%">
+    <Allotment.Pane preferredSize="35%" maxSize={400} minSize={300}>
       {title ? (
         <XStack
           paddingHorizontal="$4"

diff --git a/frontend/packages/app/pages/group.tsx b/frontend/packages/app/pages/group.tsx
@@ -95,6 +95,7 @@ import {AppPublicationContentProvider} from './publication'
 
 export default function GroupPage() {
   const route = useNavRoute()
+  const accessory = route?.accesory
   if (route.key !== 'group') throw new Error('Group page needs group route')
   const {groupId, version} = route
   const group = useGroup(groupId, version, {
@@ -168,8 +169,11 @@ export default function GroupPage() {
   return (
     <>
       <YStack flex={1} justifyContent="space-between" maxHeight={'100%'}>
-        <Allotment defaultSizes={[100]}>
-          <Allotment.Pane>
+        <Allotment
+          key={`${accessory}`}
+          defaultSizes={accessory ? [65, 35] : [100]}
+        >
+          <Allotment.Pane minSize={680}>
             <MainWrapper maxHeight={'100%'}>
               <Container>
                 <YStack group="header">

diff --git a/frontend/packages/app/pages/publication.tsx b/frontend/packages/app/pages/publication.tsx
@@ -271,7 +271,7 @@ export default function PublicationPage() {
             key={`${accessory}`}
             defaultSizes={accessory ? [65, 35] : [100]}
           >
-            <Allotment.Pane>
+            <Allotment.Pane minSize={680}>
               <YStack height="100%">
                 <MainWrapper>
                   <YStack