Update app.py

app.py

@@ -550,7 +550,7 @@ def get_spaces_data(sort_type="trending", progress=gr.Progress()):
     }
     
     if sort_type == "modes":
-        params['sort'] = 'likes'  # modes는 좋아요 순으로 정렬
+        params['sort'] = 'likes'
     
     try:
         progress(0, desc=f"Fetching {sort_type} spaces data...")
@@ -580,15 +580,17 @@ def get_spaces_data(sort_type="trending", progress=gr.Progress()):
         ids = [space['id'] for space in spaces]
         ranks = [space['rank'] for space in spaces]
         likes = [space.get('likes', 0) for space in spaces]
+        titles = [space.get('title', 'No Title') for space in spaces]
         
-        # Y축 값을 반전 (300 - rank + 1)
-        y_values = [301 - r for r in ranks]  # 순위를 반전된 값으로 변환
+        # Y축 값을 반전
+        y_values = [301 - r for r in ranks]
         
         # 막대 그래프 생성
         fig.add_trace(go.Bar(
             x=ids,
             y=y_values,
-            text=[f"Rank: {r}<br>Likes: {l}" for r, l in zip(ranks, likes)],
+            text=[f"Rank: {r}<br>Title: {t}<br>Likes: {l}" 
+                  for r, t, l in zip(ranks, titles, likes)],
             textposition='auto',
             marker_color='rgb(158,202,225)',
             opacity=0.8
@@ -605,9 +607,9 @@ def get_spaces_data(sort_type="trending", progress=gr.Progress()):
             xaxis_title='Space ID',
             yaxis_title='Rank',
             yaxis=dict(
-                ticktext=[str(i) for i in range(1, 301, 20)],  # 1부터 300까지 20 간격
-                tickvals=[301 - i for i in range(1, 301, 20)],  # 반전된 값
-                range=[0, 300]  # y축 범위 설정
+                ticktext=[str(i) for i in range(1, 301, 20)],
+                tickvals=[301 - i for i in range(1, 301, 20)],
+                range=[0, 300]
             ),
             height=800,
             showlegend=False,
@@ -629,7 +631,10 @@ def get_spaces_data(sort_type="trending", progress=gr.Progress()):
             rank = space.get('rank', 'N/A')
             likes = space.get('likes', 0)
             title = space.get('title', 'No Title')
-            description = space.get('description', 'No Description')[:100]
+            description = space.get('description', 'No Description')
+            
+            # description이 너무 길면 자르기
+            short_description = description[:150] + '...' if description and len(description) > 150 else description
             
             html_content += f"""
             <div style='
@@ -640,9 +645,9 @@ def get_spaces_data(sort_type="trending", progress=gr.Progress()):
                 transition: transform 0.2s;
             '>
                 <h3 style='color: #34495e;'>Rank #{rank} - {space_id}</h3>
-                <p style='color: #7f8c8d;'>👍 Likes: {likes}</p>
-                <p style='color: #2c3e50;'>{title}</p>
-                <p style='color: #7f8c8d; font-size: 0.9em;'>{description}...</p>
+                <h4 style='color: #2c3e50; margin: 10px 0;'>{title}</h4>
+                <p style='color: #7f8c8d; margin-bottom: 10px;'>👍 Likes: {likes}</p>
+                <p style='color: #7f8c8d; font-size: 0.9em; margin-bottom: 15px;'>{short_description}</p>
                 <a href='{target_spaces[space_id]}' 
                    target='_blank' 
                    style='
@@ -665,8 +670,9 @@ def get_spaces_data(sort_type="trending", progress=gr.Progress()):
         df = pd.DataFrame([{
             'Rank': space.get('rank', 'N/A'),
             'Space ID': space.get('id', ''),
-            'Likes': space.get('likes', 'N/A'),
             'Title': space.get('title', 'N/A'),
+            'Description': space.get('description', 'N/A')[:100] + '...',
+            'Likes': space.get('likes', 'N/A'),
             'URL': target_spaces[space.get('id', '')]
         } for space in spaces])