feat: make buttons larger

Author: JeanKaddour

frontend/src/components/modals/ConfirmationModal.tsx

@@ -46,7 +46,7 @@ const ConfirmationModal: React.FC<ConfirmationModalProps> = ({
     }, [isOpen, onConfirm, onClose])
 
     return (
-        <Modal isOpen={isOpen} onClose={onClose}>
+        <Modal isOpen={isOpen} onClose={onClose} size="2xl">
             <ModalContent>
                 <ModalHeader>{title}</ModalHeader>
                 <ModalBody>

frontend/src/components/textEditor/TextEditor.tsx

@@ -53,7 +53,6 @@ const TextEditor = forwardRef<TextEditorRef, TextEditorProps>(
 
         // Define button styling constants at component level for consistent use
         const buttonSize = 'sm'
-        const largeButtonSize = 'lg'  // New constant for modal buttons
         const buttonClassName = 'w-4 h-4'
         const modalSize = 'full'
 
@@ -228,47 +227,6 @@ const TextEditor = forwardRef<TextEditorRef, TextEditorProps>(
             }
         }, [modalIsOpen, modalEditor, editor])
 
-        useEffect(() => {
-            if (modalIsOpen) {
-                const handleKeyDown = (event: KeyboardEvent) => {
-                    if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
-                        if (modalEditor && editor) {
-                            const content = modalEditor.storage.markdown?.getMarkdown() ?? ''
-                            editor.commands.setContent(content)
-                            setLocalContent(content)
-                            setContent(content)
-                            modalOnOpenChange(false)
-                        }
-                    } else if (event.key === 'Escape') {
-                        // The modal will be closed by the framework itself when ESC is pressed
-                        // We just need to handle content restoration
-                        if (modalEditor && editor) {
-                            const content = editor.storage.markdown?.getMarkdown() ?? ''
-                            modalEditor.commands.setContent(content)
-                        }
-                    }
-                }
-
-                window.addEventListener('keydown', handleKeyDown)
-                return () => window.removeEventListener('keydown', handleKeyDown)
-            }
-        }, [modalIsOpen, modalEditor, editor, setContent, modalOnOpenChange])
-
-        useEffect(() => {
-            if (isOpen) {
-                const handleKeyDown = (event: KeyboardEvent) => {
-                    if (event.key === 'Enter' && (event.ctrlKey || event.metaKey) && !isGenerating) {
-                        handleGenerateMessage()
-                    } else if (event.key === 'Escape' && !isGenerating) {
-                        resetModalState()
-                    }
-                }
-
-                window.addEventListener('keydown', handleKeyDown)
-                return () => window.removeEventListener('keydown', handleKeyDown)
-            }
-        }, [isOpen, isGenerating, description, localContent, selectedVariables, generationType])
-
         const renderVariableButtons = (editorInstance: Editor | null) => {
             // Only show variable buttons if this is a template editor
             if (!isTemplateEditor) return null;
@@ -504,16 +462,14 @@ const TextEditor = forwardRef<TextEditorRef, TextEditorProps>(
                                         color="danger"
                                         variant="light"
                                         onPress={() => handleCancel(onClose)}
-                                        size={largeButtonSize}
-                                        endContent={<span className="text-xs opacity-70">ESC</span>}
+                                        size="lg"
                                     >
                                         Cancel
                                     </Button>
                                     <Button
                                         color="primary"
                                         onPress={() => handleSave(onClose)}
-                                        size={largeButtonSize}
-                                        endContent={<span className="text-xs opacity-70">⌘+↵</span>}
+                                        size="lg"
                                     >
                                         Save
                                     </Button>
@@ -641,21 +597,19 @@ const TextEditor = forwardRef<TextEditorRef, TextEditorProps>(
                                 </ModalBody>
                                 <ModalFooter>
                                     <Button
-                                        size={largeButtonSize}
+                                        size="lg"
                                         variant="light"
                                         onClick={resetModalState}
                                         isDisabled={isGenerating}
-                                        endContent={<span className="text-xs opacity-70">ESC</span>}
                                     >
                                         Cancel
                                     </Button>
                                     <Button
-                                        size={largeButtonSize}
+                                        size="lg"
                                         color="primary"
                                         onClick={handleGenerateMessage}
                                         isLoading={isGenerating}
                                         isDisabled={isGenerating}
-                                        endContent={<span className="text-xs opacity-70">⌘+↵</span>}
                                     >
                                         Generate
                                     </Button>