Update frontend/src/App.js

frontend/src/App.js

@@ -1,5 +1,4 @@
 import React, { useState, useEffect } from 'react';
-import { ArrowUpDown } from 'lucide-react';
 import _ from 'lodash';
 
 const ScoreBar = ({ score }) => {
@@ -63,6 +62,13 @@ function App() {
     [sortConfig.direction]
   );
 
+  const getSortIcon = (key) => {
+    if (sortConfig.key === key) {
+      return sortConfig.direction === 'desc' ? ' ↓' : ' ↑';
+    }
+    return ' ↕';
+  };
+
   if (loading) {
     return (
       <div className="flex items-center justify-center min-h-screen">
@@ -99,7 +105,7 @@ function App() {
                 >
                   <div className="flex items-center gap-1">
                     {benchmark}
-                    <ArrowUpDown className="h-4 w-4" />
+                    <span className="text-gray-500">{getSortIcon(benchmark)}</span>
                   </div>
                 </th>
               ))}