Revert "Focus confirm button instead of cancel in modals (#2340)"

6615cb6
oxidecomputer · Jul 26, 2024 · d32fddc · d32fddc
1 parent 84a1501
commit d32fddc
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/app/ui/lib/Modal.tsx b/app/ui/lib/Modal.tsx
@@ -132,9 +132,10 @@ Modal.Footer = ({
 }) => (
   <footer className="flex items-center justify-between border-t px-3 py-3 border-secondary">
     <div className="mr-4">{children}</div>
-    <div className="flex flex-row-reverse gap-2">
-      {/* Note the confirm button is first so it autofocuses when the modal opens,
-          but it displays in the right order because of flex-row-reverse */}
+    <div className="space-x-2">
+      <Button variant="secondary" size="sm" onClick={onDismiss}>
+        {cancelText || 'Cancel'}
+      </Button>
       <Button
         size="sm"
         variant={actionType}
@@ -144,9 +145,6 @@ Modal.Footer = ({
       >
         {actionText}
       </Button>
-      <Button variant="secondary" size="sm" onClick={onDismiss}>
-        {cancelText || 'Cancel'}
-      </Button>
     </div>
   </footer>
 )