fixes: https://github.com/orgs/stacklok/projects/46/views/1?pane=issue&itemId=103540751&issue=stacklok%7Csecure-code-leaderboard%7C41

frontend/src/pages/LeaderboardPage/components/Leaderboard/components/Table/Table.js

@@ -297,7 +297,7 @@ const LeaderboardTable = ({
   const paddingBottom =
     virtualRows.length > 0
       ? unpinnedRows.length * currentRowHeight -
-        virtualRows[virtualRows.length - 1].end
+      virtualRows[virtualRows.length - 1].end
       : 0;
 
   // Handle column reset
@@ -402,8 +402,8 @@ const LeaderboardTable = ({
           backgroundColor: isSticky
             ? theme.palette.background.paper
             : (sortedIndex + 1) % 2 === 0
-            ? "transparent"
-            : alpha(theme.palette.mode === "dark" ? "#fff" : "#000", 0.02),
+              ? "transparent"
+              : alpha(theme.palette.mode === "dark" ? "#fff" : "#000", 0.02),
           position: isSticky ? "sticky" : "relative",
           top: isSticky
             ? `${headerHeight + stickyIndex * currentRowHeight}px`
@@ -411,24 +411,24 @@ const LeaderboardTable = ({
           zIndex: isSticky ? 2 : 1,
           boxShadow: isSticky
             ? `0 1px 1px ${alpha(
-                theme.palette.common.black,
-                theme.palette.mode === "dark" ? 0.1 : 0.05
-              )}`
+              theme.palette.common.black,
+              theme.palette.mode === "dark" ? 0.1 : 0.05
+            )}`
             : "none",
           "&::after": isSticky
             ? {
-                content: '""',
-                position: "absolute",
-                left: 0,
-                right: 0,
-                height: "1px",
-                bottom: -1,
-                backgroundColor: alpha(
-                  theme.palette.divider,
-                  theme.palette.mode === "dark" ? 0.1 : 0.2
-                ),
-                zIndex: 1,
-              }
+              content: '""',
+              position: "absolute",
+              left: 0,
+              right: 0,
+              height: "1px",
+              bottom: -1,
+              backgroundColor: alpha(
+                theme.palette.divider,
+                theme.palette.mode === "dark" ? 0.1 : 0.2
+              ),
+              zIndex: 1,
+            }
             : {},
         })}
       >
@@ -604,8 +604,8 @@ const LeaderboardTable = ({
               "& td, & th":
                 pinnedRows.length > 0
                   ? {
-                      width: `${100 / table.getAllColumns().length}%`,
-                    }
+                    width: `${100 / table.getAllColumns().length}%`,
+                  }
                   : {},
             }}
           >
@@ -616,14 +616,14 @@ const LeaderboardTable = ({
                   style={
                     index < 4
                       ? {
-                          width: column.columnDef.size,
-                          minWidth: column.columnDef.size,
-                          maxWidth: column.columnDef.size,
-                        }
+                        width: column.columnDef.size,
+                        minWidth: column.columnDef.size,
+                        maxWidth: column.columnDef.size,
+                      }
                       : {
-                          minWidth: column.columnDef.size,
-                          width: `${100 / (table.getAllColumns().length - 4)}%`,
-                        }
+                        minWidth: column.columnDef.size,
+                        width: `${100 / (table.getAllColumns().length - 4)}%`,
+                      }
                   }
                 />
               ))}

frontend/src/pages/LeaderboardPage/components/Leaderboard/components/Table/hooks/useDataProcessing.js

@@ -17,7 +17,7 @@ import {
 export const useDataProcessing = (
   data,
   searchValue,
-  selectedPrecisions,
+  //selectedPrecisions,
   selectedTypes,
   paramsRange,
   selectedBooleanFilters,
@@ -37,12 +37,11 @@ export const useDataProcessing = (
   const processedData = useProcessedData(data, averageMode, visibleColumns);
   const columnVisibility = useColumnVisibility(visibleColumns);
 
-  console.log({visibleColumns});
 
   // Memoize filters
   const filterConfig = useMemo(
     () => ({
-      selectedPrecisions,
+      //selectedPrecisions,
       selectedTypes,
       paramsRange,
       searchValue,
@@ -52,7 +51,7 @@ export const useDataProcessing = (
       isOfficialProviderActive,
     }),
     [
-      selectedPrecisions,
+      //selectedPrecisions,
       selectedTypes,
       paramsRange,
       searchValue,
@@ -63,10 +62,12 @@ export const useDataProcessing = (
     ]
   );
 
+  console.log({filterConfig});
+
   // Call useFilteredData at root level
   const filteredData = useFilteredData(
     processedData,
-    filterConfig.selectedPrecisions,
+    //filterConfig.selectedPrecisions,
     filterConfig.selectedTypes,
     filterConfig.paramsRange,
     filterConfig.searchValue,

frontend/src/pages/LeaderboardPage/components/Leaderboard/hooks/useDataUtils.js

@@ -95,7 +95,7 @@ export const useProcessedData = (data, averageMode, visibleColumns) => {
 // Common filtering logic
 export const useFilteredData = (
   processedData,
-  selectedPrecisions,
+  //selectedPrecisions,
   selectedTypes,
   paramsRange,
   searchValue,
@@ -124,12 +124,12 @@ export const useFilteredData = (
       );
     }
 
-    // Filter by precision
-    if (selectedPrecisions.length > 0) {
-      filteredUnpinned = filteredUnpinned.filter((row) =>
-        selectedPrecisions.includes(row.model.precision)
-      );
-    }
+    //// Filter by precision
+    //if (selectedPrecisions.length > 0) {
+    //  filteredUnpinned = filteredUnpinned.filter((row) =>
+    //    selectedPrecisions.includes(row.model.precision)
+    //  );
+    //}
 
     // Filter by type
     if (
@@ -273,7 +273,7 @@ export const useFilteredData = (
     return finalData;
   }, [
     processedData,
-    selectedPrecisions,
+    //selectedPrecisions,
     selectedTypes,
     paramsRange,
     searchValue,

frontend/src/pages/LeaderboardPage/components/Leaderboard/hooks/useLeaderboardData.js

@@ -67,10 +67,11 @@ export const useLeaderboardProcessing = () => {
 
   const memoizedData = useMemo(() => state.models, [state.models]);
   console.log({memoizedData});
+
   const memoizedFilters = useMemo(
     () => ({
       search: state.filters.search,
-      precisions: state.filters.precisions,
+      //precisions: state.filters.precisions,
       types: state.filters.types,
       paramsRange: state.filters.paramsRange,
       booleanFilters: state.filters.booleanFilters,
@@ -78,7 +79,7 @@ export const useLeaderboardProcessing = () => {
     }),
     [
       state.filters.search,
-      state.filters.precisions,
+      //state.filters.precisions,
       state.filters.types,
       state.filters.paramsRange,
       state.filters.booleanFilters,
@@ -98,7 +99,7 @@ export const useLeaderboardProcessing = () => {
   } = useDataProcessing(
     memoizedData,
     memoizedFilters.search,
-    memoizedFilters.precisions,
+    //memoizedFilters.precisions,
     memoizedFilters.types,
     memoizedFilters.paramsRange,
     memoizedFilters.booleanFilters,
@@ -113,7 +114,6 @@ export const useLeaderboardProcessing = () => {
     memoizedFilters.isOfficialProviderActive
   );
 
-  console.log({columns});
 
   return {
     table,