Update app.py

app.py

@@ -4,7 +4,7 @@ from io import BytesIO
 import docx
 from PyPDF2 import PdfReader
 
-st.set_page_config(page_title="Multilingual Translator", page_icon="🌐", layout="centered")
+st.set_page_config(page_title="Multilingual Translator", page_icon="🌐", layout="wide")
 
 # Import LANGUAGES from translation.py
 try:
@@ -37,6 +37,7 @@ def on_file_upload():
     uploaded_file = st.session_state.file_input
     if uploaded_file and uploaded_file.size < 1024*1024:
         st.session_state.user_input_text = extract_text_from_file(uploaded_file)
+        st.success(f"File '{uploaded_file.name}' uploaded successfully!")
     elif uploaded_file and uploaded_file.size >= 1024*1024:
         st.error("File size must be less than 1 MB")
 
@@ -51,7 +52,7 @@ def main():
         st.markdown("<h1 style='text-align: center; color: #4285F4;'>Multilingual Translator</h1>", unsafe_allow_html=True)
         st.markdown("<p style='text-align: center; color: #666;'>Effortless Multilingual Translation</p>", unsafe_allow_html=True)
 
-        # Custom CSS to hide size limit and show only file types
+        # Custom CSS to hide size limit and white box, show only file types
         st.markdown(
             """
             <style>
@@ -59,45 +60,47 @@ def main():
                 display: none !important;
             }
             .stFileUploader label {
-                display: block !important;
-                color: #666 !important;
-                font-size: 0.8em !important;
-            }
-            .stFileUploader label::after {
-                content: 'TXT, DOCX, PDF' !important;
+                display: none !important;
             }
             .stFileUploader [data-testid="stFileUploaderDropzone"] {
+                border: 2px dashed #ccc !important;
+                padding: 10px !important;
+                text-align: center !important;
                 font-size: 0 !important;
             }
             .stFileUploader [data-testid="stFileUploaderDropzone"]::after {
-                content: 'Drag and drop file here or ' !important;
+                content: 'Drag and drop TXT, DOCX, or PDF here or ' !important;
                 font-size: 1em !important;
                 color: #666 !important;
             }
             .stFileUploader [data-testid="stFileUploaderButton"] {
                 font-size: 1em !important;
                 color: #1E90FF !important;
+                background: none !important;
+                border: none !important;
+                padding: 0 !important;
+            }
+            .stFileUploader [data-testid="stFileUploader"] {
+                background: none !important;
             }
             </style>
             """,
             unsafe_allow_html=True
         )
 
-        # Language and Input/Output Layout with wider columns
-        left_col, right_col = st.columns([2, 1])  # Wider input column
+        # Language and Input/Output Layout with symmetric columns
+        left_col, right_col = st.columns([1, 1])  # Equal width for symmetric layout
         with left_col:
             detected_options = language_detector.detect_language(st.session_state.get("user_input_text", "")) if st.session_state.get("user_input_text", "").strip() else [("Auto-detect", 1.0, "Auto-detect")]
             source_language = detected_options[0][2] if detected_options[0][0] != "Auto-detect" else "Auto-detect"
-            source_lang_code = next((k for k, v in LANGUAGES.items() if v[1] == source_language), "hi") if source_language != "Auto-detect" else "auto"
+            source_lang_code = next((k for k, v in LANGUAGES.items() if v[1] == source_language), "en") if source_language != "Auto-detect" else "auto"
             source_options = ["Auto-detect"] + [f"{v[0]} ({v[1]})" for v in LANGUAGES.values()]
             st.selectbox("Source Language", options=source_options, index=0 if source_language == "Auto-detect" else source_options.index(f"{LANGUAGES[source_lang_code][0]} ({source_language})"), key="source_lang")
+            st.button("Translate", key="translate_btn", on_click=trigger_translation, args=(translation_module, language_detector, audio_processor_module))
             user_input_text = st.text_area("Input Text", height=200, key="user_input_text", placeholder="Enter text here", label_visibility="hidden")
             input_type = st.radio("Input Type", ["Text", "File"], horizontal=True, label_visibility="hidden", key="input_type")
             if input_type == "File":
                 st.file_uploader("Upload File", type=["txt", "docx", "pdf"], key="file_input", on_change=on_file_upload, label_visibility="hidden")
-                if st.session_state.get("file_input") and st.session_state.get("file_input").size >= 1024*1024:
-                    st.error("File size must be less than 1 MB")
-            st.button("Translate", key="translate_btn", on_click=trigger_translation, args=(translation_module, language_detector, audio_processor_module))
         with right_col:
             source_lang_display = st.session_state.source_lang.split(" (")[0] if " (" in st.session_state.source_lang else st.session_state.source_lang
             target_options = [f"{v[0]} ({v[1]})" for v in LANGUAGES.values() if v[0] != source_lang_display and v[1] != source_lang_display]
@@ -108,15 +111,14 @@ def main():
                 if st.button("🔊", key="audio_btn", on_click=play_audio, args=(audio_processor_module,), help="Play audio", use_container_width=False):
                     pass
         # Footer
-        if "translated_text" in st.session_state:
-            st.markdown("""
-                <p style="font-size: small; color: grey; text-align: center;">
-                    Developed By: Krishna Prakash
-                    <a href="https://www.linkedin.com/in/krishnaprakash-profile/" target="_blank">
-                        <img src="https://img.icons8.com/ios-filled/30/0077b5/linkedin.png" alt="LinkedIn" style="vertical-align: middle; margin: 0 5px;"/>
-                    </a>
-                </p>
-            """, unsafe_allow_html=True)
+        st.markdown("""
+            <p style="font-size: small; color: grey; text-align: center;">
+                Developed By: Krishna Prakash
+                <a href="https://www.linkedin.com/in/krishnaprakash-profile/" target="_blank">
+                    <img src="https://img.icons8.com/ios-filled/30/0077b5/linkedin.png" alt="LinkedIn" style="vertical-align: middle; margin: 0 5px;"/>
+                </a>
+            </p>
+        """, unsafe_allow_html=True)
 
     except Exception as e:
         st.error(f"App error: {e}")
@@ -130,12 +132,15 @@ def trigger_translation(translation_module, language_detector, audio_processor_m
             target_lang = st.session_state.target_lang.split(" (")[0] if " (" in st.session_state.target_lang else st.session_state.target_lang
             if source_lang == "Auto-detect":
                 detected_options = language_detector.detect_language(user_input_text)
-                source_lang_code = next((k for k, v in LANGUAGES.items() if v[1] == detected_options[0][0]), "en")  # Default to English if unsure
+                source_lang_code = next((k for k, v in LANGUAGES.items() if v[1] == detected_options[0][0]), "en")
             else:
                 source_lang_code = next((k for k, v in LANGUAGES.items() if v[0] == source_lang), "en")
             target_lang_code = next((k for k, v in LANGUAGES.items() if v[0] == target_lang), "hi")
             translated_text = translation_module.translate(user_input_text, source_lang_code, target_lang_code)
-            st.session_state.translated_text = translated_text or user_input_text
+            if translated_text and len(translated_text.split()) > 2:  # Basic validation
+                st.session_state.translated_text = translated_text
+            else:
+                st.session_state.translated_text = user_input_text
 
 # Function to handle audio playback
 def play_audio(audio_processor_module):