Update app.py

app.py

@@ -44,15 +44,15 @@ css = '''
     h4 {
         font-size: 1.5em;
     }
-    
+
     code {
         color: rgb(202 253 255);
     }
-    
+
     code1{
         color: #00b9c2;
     }
-    
+
     /* Text Emphasis */
     p, li {
         text-align: justify;
@@ -100,7 +100,11 @@ css = '''
         margin: 1.5em 0;
     }
 
-footer {visibility: hidden}
+    #component-34.column.svelte-vt1mxs.gap{
+        min-width: min(200px, 100%);
+    ]
+
+    footer {visibility: hidden}
 '''
 
 
@@ -117,46 +121,73 @@ with gr.Blocks(theme=gr.themes.Ocean(font=[gr.themes.GoogleFont("Noto Sans")]),
             # gr.HTML(md.activity_diagram.format(activity_img_encoded))
             # gr.HTML(md.component_diagram.format(component_img_encoded))
 
+        with gr.TabItem("Simple OCR"):
+            gr.Markdown("Paddle OCR")
+            with gr.Row():
+                with gr.Column(scale=0.75, min_width=300):
+                    image_input = gr.Image(label="Upload Image")
+                    with gr.Row():
+                        clear_btn = gr.ClearButton()
+                        submit_btn = gr.Button("Submit", variant='primary')
+                output_text = gr.Text(label="Output")
+                
+            gr.Examples()
+
+            submit_btn.click(fn=lambda img: ObjCharRec.ocr_with_paddle(img)[0], inputs=image_input, outputs=output_text)
+            clear_btn.click(lambda :[None]*2, outputs=[image_input, output_text])
+
         with gr.TabItem("⭐Translator"):
             with gr.Row():
-                with gr.Column():
+                with gr.Column(scale=0.75, min_width=300):
                     with gr.Row():
                         image_input = gr.Image(label="Upload Image")
 
                     with gr.Row():
                         clear_btn = gr.ClearButton()
-                        submit_btn = gr.Button("Submit")
+                        submit_btn = gr.Button("Submit", variant='primary')
                 with gr.Column():
                     with gr.Row():
                         output_text = gr.Text(label="Output")
                         audio_out = gr.Audio(label="Streamed Audio")
                     lang_drop = gr.Dropdown(langs_dict, label="language", interactive=True)
-                    translate_btn = gr.Button("Translate")
+                    translate_btn = gr.Button("Translate", variant='primary')
                     with gr.Row():
                         translated_txt = gr.Text(label="translated text")
                         translated_out = gr.Audio(label="Streamed Audio")
 
             submit_btn.click(fn=ObjCharRec.ocr_with_paddle, inputs=image_input, outputs=[output_text, audio_out])
-            translate_btn.click(fn=translate_speak.translate_txt, inputs=[lang_drop, output_text],
-                                outputs=[translated_txt, translated_out])
+            translate_btn.click(fn=translate_speak.translate_txt, inputs=[lang_drop, output_text], outputs=[translated_txt, translated_out])
             clear_btn.click(lambda: [None] * 5, outputs=[image_input, output_text, translated_txt, translated_out, audio_out])
 
-        with gr.TabItem("Simple OCR"):
-            gr.Markdown("Paddle OCR")
+        with gr.TabItem("🔜OCR Lens"):
             with gr.Row():
-                with gr.Column():
-                    image_input = gr.Image(label="Upload Image")
-                    with gr.Row():
+                with gr.Row():
+                    with gr.Column(scale=2):
+                        image_input = gr.Image(label="Upload Image")
+                        input_output_text = gr.Text()
+                        input_audio_out = gr.Audio()
+                with gr.Row():
+                    with gr.Column(scale=1):
+                        lang_abbr = {'english': 'en', 'telugu' : 'te', 'hindi': 'hi', 'kannada': 'ka', 'tamil': 'ta', 'arabic': 'ar', 'french': 'fr', 'german': 'german', 'korean': 'korean', 'Japanese': 'japan'}
+                        ocr_lang = gr.Dropdown(list(lang_abbr.keys()), label="Image-language", interactive=True)
+                        submit_btn = gr.Button("Submit", variant='primary')
+
+                        lang_drop = gr.Dropdown(langs_dict, label="language", interactive=True)
+                        translate_btn = gr.Button("Translate", variant='primary')
+
                         clear_btn = gr.ClearButton()
-                        submit_btn = gr.Button("Submit")
-                output_text = gr.Text(label="Output")
+                with gr.Row():
+                    with gr.Column(scale=2):
+                        image_output = gr.Image(label="Upload Image")
+                        output_output_text = gr.Text()
+                        output_audio_out = gr.Audio()
 
-            submit_btn.click(fn=ObjCharRec.ocr_with_paddle, inputs=image_input, outputs=output_text)
-            clear_btn.click(lambda :[None]*2, outputs=[image_input, output_text])
+            clear_btn.click(lambda: [None] * 6,outputs=[image_input, input_output_text, input_audio_out, image_output, output_output_text, output_audio_out])
+            submit_btn.click(fn=None, inputs=[image_input, ocr_lang], outputs=[image_input, input_output_text, input_audio_out])
+            translate_btn.click(fn=None, inputs=[])
 
         gr.HTML(md.footer.format(github_logo_encoded, linkedin_logo_encoded, website_logo_encoded))
-        # gr.Markdown(md.footer.format(github_logo_encoded, linkedin_logo_encoded, website_logo_encoded))
 
 
 if __name__ == "__main__":
-    main_interface.launch()
+    main_interface.launch()