fix: position drawer rendering

memori-ai · Apr 17, 2024 · 02766ac · 02766ac
1 parent a535462
commit 02766ac
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 5 deletions.
diff --git a/src/components/MemoriWidget/MemoriWidget.tsx b/src/components/MemoriWidget/MemoriWidget.tsx
@@ -12,7 +12,6 @@ import {
   Invitation,
   GamificationLevel,
   Tenant,
-  Asset,
   MemoriSession,
   User,
   ExpertReference,

diff --git a/src/components/PositionDrawer/PositionDrawer.tsx b/src/components/PositionDrawer/PositionDrawer.tsx
@@ -19,6 +19,7 @@ const PositionDrawer = ({ open, onClose, venue, setVenue }: Props) => {
       open={open}
       onClose={() => onClose(venue)}
       title={t('widget.position') || 'Position'}
+      animated={false}
     >
       <VenueWidget venue={venue} setVenue={setVenue} showUncertainty={false} />
     </Drawer>

diff --git a/src/components/VenueWidget/VenueWidget.tsx b/src/components/VenueWidget/VenueWidget.tsx
@@ -253,7 +253,7 @@ const VenueWidget = ({
               <div className="memori--venue-widget-search">
                 <Combobox
                   value={
-                    (venue
+                    (venue?.latitude && venue?.longitude
                       ? {
                           place_id: 0,
                           lat: venue?.latitude,
@@ -266,7 +266,9 @@ const VenueWidget = ({
                 >
                   <Combobox.Input
                     className="memori--venue-widget-search--input"
-                    displayValue={(i: NominatimItem) => getPlaceName(i)}
+                    displayValue={(i: NominatimItem) =>
+                      i ? getPlaceName(i) : ''
+                    }
                     placeholder={t('searchVenue')}
                     onChange={e => onQueryChange(e.target.value)}
                   />

diff --git a/src/components/ui/Drawer.tsx b/src/components/ui/Drawer.tsx
@@ -14,6 +14,7 @@ export interface Props {
   children: JSX.Element | React.ReactNode;
   footer?: JSX.Element | React.ReactNode;
   loading?: boolean;
+  animated?: boolean;
   closable?: boolean;
   side?: 'left' | 'right';
   width?: string;
@@ -30,6 +31,7 @@ const Drawer: FC<Props> = ({
   children,
   footer,
   loading = false,
+  animated = true,
   side = 'right',
   closable = true,
   width = '100%',
@@ -56,13 +58,14 @@ const Drawer: FC<Props> = ({
       <div className="memori-drawer--container">
         <div className="memori-drawer--container-scrollable">
           <Transition.Child
+            static
             as={React.Fragment}
             enter="ease-out duration-300"
-            enterFrom="max-w-0 opacity-0"
+            enterFrom={animated ? 'max-w-0 opacity-0' : 'opacity-0'}
             enterTo="max-w-80 opacity-100"
             leave="ease-in duration-200"
             leaveFrom="max-w-80 opacity-100"
-            leaveTo="max-w-0 opacity-0"
+            leaveTo={animated ? 'max-w-0 opacity-0' : 'opacity-0'}
           >
             <Dialog.Panel
               className={cx('memori-drawer--panel', {