Update app.py

app.py

@@ -138,35 +138,24 @@ def load_and_process_data():
         response = requests.get(url)
         df = pd.read_parquet(BytesIO(response.content))
         
-        # 30일치 데이터 준비
         thirty_days_ago = datetime.now() - timedelta(days=30)
         df['createdAt'] = pd.to_datetime(df['createdAt'])
         df = df[df['createdAt'] >= thirty_days_ago].copy()
         
-        # 날짜별 데이터 처리
         dates = pd.date_range(start=thirty_days_ago, end=datetime.now(), freq='D')
         daily_ranks = []
         
         for date in dates:
-            # 해당 날짜의 데이터 추출
             date_data = df[df['createdAt'].dt.date <= date.date()].copy()
-            
-            # trendingScore가 같은 경우 id로 정렬하여 유니크한 순위 보장
             date_data = date_data.sort_values(['trendingScore', 'id'], ascending=[False, True])
-            
-            # 순위 계산
             date_data['rank'] = range(1, len(date_data) + 1)
             date_data['date'] = date.date()
-            
-            # 필요한 컬럼만 선택
             daily_ranks.append(
                 date_data[['id', 'date', 'rank', 'trendingScore', 'createdAt']]
             )
         
-        # 전체 데이터 병합
         daily_ranks_df = pd.concat(daily_ranks, ignore_index=True)
         
-        # 최신 날짜의 top 100 추출
         latest_date = daily_ranks_df['date'].max()
         top_100_spaces = daily_ranks_df[
             (daily_ranks_df['date'] == latest_date) &
@@ -244,21 +233,17 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
             Experience the pulse of the AI community through our daily updated rankings and discover what's making waves in the world of practical AI applications.
             """)
     
-    # JavaScript를 통한 카드 클릭 이벤트 처리
+    # 수정된 JavaScript 이벤트 처리
     space_grid.click(
-        fn=lambda: None,
-        inputs=[],
-        outputs=[],
-        _js="""
-        function() {
-            document.addEventListener('click', function(e) {
-                if (e.target.closest('.space-card')) {
-                    const spaceId = e.target.closest('.space-card').dataset.spaceId;
-                    document.querySelector(`input[type="radio"][value="${spaceId}"]`).click();
-                }
-            });
-        }
-        """
+        None,
+        None,
+        None,
+        js="""async (event) => {
+            if (event.target.closest('.space-card')) {
+                const spaceId = event.target.closest('.space-card').dataset.spaceId;
+                document.querySelector(`input[type="radio"][value="${spaceId}"]`).click();
+            }
+        }"""
     )
     
     space_selection.change(