astryx

src/components/OrdersView.tsx

@@ -26,7 +26,7 @@ import {
 } from './consoleUi';
 import { Button } from '@astryxdesign/core/Button';
 import { IconButton } from '@astryxdesign/core/IconButton';
-import { Dialog } from '@astryxdesign/core/Dialog';
+import { AppDialog } from './AppDialog';
 import { DateInput } from '@astryxdesign/core/DateInput';
 // DateInput's value is a branded `YYYY-MM-DD` template-literal type, while our
 // dates are plain strings out of `ymd()`. Importing the real type keeps the cast
@@ -724,7 +724,7 @@ function SelectedOrdersPage({
     // it applies to every Dialog in the app, and it is a missing gain rather
     // than a regression (the old overlay managed no focus at all), so it is not
     // patched here one screen at a time.
-    <Dialog isOpen onOpenChange={(open) => { if (!open) onClose(); }} variant="fullscreen" purpose="info">
+    <AppDialog isOpen onOpenChange={(open) => { if (!open) onClose(); }} variant="fullscreen" purpose="info">
       <div className="h-full overflow-y-auto">
         {/* Sticky page header with the assign controls */}
         <div className="sticky top-0 z-10 border-b" style={{ background: 'var(--color-background-card, #fff)', borderColor: BORDER }}>
@@ -820,7 +820,7 @@ function SelectedOrdersPage({
           )}
         </div>
       </div>
-    </Dialog>
+    </AppDialog>
   );
 }
 
@@ -852,7 +852,7 @@ function OrderDetailModal({ order, onClose }: { order: Row; onClose: () => void
   // collapse to a sliver. Dialog renders in the browser's top layer, which no
   // ancestor can contain — so the escape hatches are no longer needed.
   return (
-    <Dialog isOpen onOpenChange={(open) => { if (!open) onClose(); }} width={512} maxHeight="90vh" purpose="info">
+    <AppDialog isOpen onOpenChange={(open) => { if (!open) onClose(); }} width={512} maxHeight="90vh" purpose="info">
       <div className="flex flex-col max-h-[90vh]">
         <div className="p-4 flex justify-between items-center shrink-0">
           <Heading level={3}>
@@ -895,6 +895,6 @@ function OrderDetailModal({ order, onClose }: { order: Row; onClose: () => void
           <Button label="Close" onClick={onClose} />
         </div>
       </div>
-    </Dialog>
+    </AppDialog>
   );
 }