Update app.py

app.py

@@ -5,7 +5,7 @@ import pykakasi
 import os
 
 # 버전 정보
-__version__ = "1.8.13"
+__version__ = "1.8.23"
 
 # Kakasi 인스턴스 생성 및 설정
 kakasi = pykakasi.kakasi()
@@ -27,13 +27,19 @@ def convert_text(japanese_text, conversion_type):
     return converted
 
 def search_and_update_history(keyword, conversion_type):
-    result, japanese_keyword = search(keyword, conversion_type)
+    result, converted_keyword = search(keyword, conversion_type)
 
-    if japanese_keyword:
-        audio_path = generate_audio_file(japanese_keyword)
-        return result, gr.update(value=audio_path, visible=True)
+    if converted_keyword:
+        audio_path = generate_audio_file(converted_keyword)
+        url = f"https://www.irasutoya.com/search?q={converted_keyword}"
+        result_button_html = f'''
+            <a href="{url}" target="_blank">
+                <button id="result_button" style="background-color: #28a745; color: white; font-size: 16px; padding: 10px; border: none; border-radius: 5px; cursor: pointer; width: 100%;">검색 결과 보기</button>
+            </a>
+        '''
+        return result, gr.update(value=audio_path, visible=True), gr.update(value=result_button_html, visible=True)
     else:
-        return result, gr.update(visible=False)
+        return result, gr.update(visible=False), gr.update(visible=False)
 
 def search(keyword, conversion_type):
     try:
@@ -42,11 +48,9 @@ def search(keyword, conversion_type):
 
         converted_keyword = convert_text(japanese_keyword, conversion_type)
         
-        url = f"https://www.irasutoya.com/search?q={converted_keyword}"
         result_text = (
             f"**검색어:** {keyword}\n"
-            f"**일본어 번역 ({conversion_type}):** {converted_keyword}\n"
-            f"[검색 결과 보기]({url})\n\n"
+            f"**일본어 번역 ({conversion_type}):** {converted_keyword}\n\n"
             f"**안내:** 선택한 변환 유형에 따라 검색 결과가 달라질 수 있습니다."
         )
         return result_text, converted_keyword
@@ -63,30 +67,64 @@ def generate_audio_file(japanese_text):
         return None
 
 def clear_inputs():
-    return "", "", gr.update(visible=False)
+    return "", "", gr.update(visible=False), gr.update(visible(False))
 
 with gr.Blocks(css="""
     #container {
         width: 50%;
         margin: auto;
     }
-    #search_button, #clear_button {
+    button#search_button {
+        background-color: #1E90FF;
+        color: white;
+        font-size: 16px;
+        padding: 10px;
+        border: none;
+        border-radius: 5px;
+        cursor: pointer;
+    }
+    button#clear_button {
+        background-color: #A9A9A9;
+        color: white;
+        font-size: 16px;
+        padding: 10px;
+        border: none;
+        border-radius: 5px;
+        cursor: pointer;
+    }
+    button#result_button {
+        background-color: #28a745;
+        color: white;
+        font-size: 16px;
+        padding: 10px;
+        border: none;
+        border-radius: 5px;
+        cursor: pointer;
         width: 100%;
     }
+    button:hover {
+        background-color: inherit;
+    }
 """) as demo:
     with gr.Column(elem_id="container"):
         gr.Markdown("<h2 style='text-align: center;'>이라스토야 일러스트 검색기</h2>")
 
-        keyword_input = gr.Textbox(label="한글 검색어 입력", placeholder="한글로 검색어를 입력하세요", elem_id="keyword_input")
+        keyword_input = gr.Textbox(
+            label="한글 검색어 입력",
+            placeholder="한글로 검색어를 입력하세요",
+            elem_id="keyword_input"
+        )
         conversion_type = gr.Radio(
             label="변환 유형 선택",
             choices=["기본", "히라가나", "가타카나", "한자"],
             value="기본",
             elem_id="conversion_type"
         )
+        
         search_button = gr.Button("검색", elem_id="search_button")
         clear_button = gr.Button("지우기", elem_id="clear_button")
-    
+        
+        result_button = gr.HTML(visible=False)  # 검색 결과 보기 버튼을 이 위치로 이동
         result_output = gr.Markdown()
         play_audio = gr.Audio(visible=False, label="일본어 발음 듣기")
 
@@ -94,18 +132,18 @@ with gr.Blocks(css="""
         keyword_input.submit(
             fn=search_and_update_history,
             inputs=[keyword_input, conversion_type],
-            outputs=[result_output, play_audio],
+            outputs=[result_output, play_audio, result_button],
         )
 
         search_button.click(
             fn=search_and_update_history,
             inputs=[keyword_input, conversion_type],
-            outputs=[result_output, play_audio],
+            outputs=[result_output, play_audio, result_button],
         )
 
         clear_button.click(
             fn=clear_inputs,
-            outputs=[keyword_input, result_output, play_audio],
+            outputs=[keyword_input, result_output, play_audio, result_button],
         )
 
         # 안내 문구를 UI 내부�� 이동