Set default view by default

Signed-off-by: Andrea Lamparelli <[email protected]>

Author: lampajr

horreum-web/src/components/LabelFilter/FilterDropDown.tsx

@@ -77,7 +77,7 @@ export default function FilterDropDown(props: FilterDropDownProps) {
         >
             <MenuContent>
                 <MenuList>
-                    {props.options.map((option) => <MenuItem itemId={option}>{option}</MenuItem>)}
+                    {props.options.map((option, idx) => <MenuItem itemId={option} key={option + idx}>{option}</MenuItem>)}
                 </MenuList>
             </MenuContent>
         </Menu>

horreum-web/src/components/LabelFilter/LabelFilter.tsx

@@ -146,6 +146,7 @@ export default function LabelFilter({selection, onSelect, source, emptyPlacehold
             return (
 
                     <ToolbarLabelFilter
+                            key={key}
                             name={key}
                             options={opts}
                             filter={selection}

horreum-web/src/components/LabelFilter/LabelFilterOption.tsx

@@ -82,10 +82,10 @@ export default function LabelFilterOption(props: FilterOptionProps) {
     const menu = (
         <Menu ref={menuRef} id="attribute-search-{props.name}-menu" onSelect={onSelect} selected={props.selection}>
             <MenuContent>
-                <MenuList>
+                <MenuList key={props.name}>
                     {
-                        props.options.map((option) => (
-                            <MenuItem isSelected={props.selection === option} itemId={option} key={option}>
+                        props.options.map((option, idx) =>(
+                            <MenuItem isSelected={props.selection === option} itemId={option} key={option + idx}>
                                 {option}
                             </MenuItem>
                         ))

horreum-web/src/domain/runs/TestDatasets.tsx

@@ -25,9 +25,6 @@ import { teamsSelector, teamToName, tokenSelector } from "../../auth"
 
 import {
     CellProps,
-    UseTableOptions,
-    UseRowSelectInstanceProps,
-    UseRowSelectRowProps,
     Column,
     UseSortByColumnOptions,
     SortingRule,
@@ -130,7 +127,11 @@ export default function TestDatasets() {
     useEffect(() => {
         fetchTest(testIdInt, alerting)
             .then(setTest)
-            .then(() => fetchViews(testIdInt, alerting).then(setViews))
+            .then(() => fetchViews(testIdInt, alerting).then(res => {
+                    setViewId(res?.find(v => v.name.toLowerCase() === "default")?.id || -1)
+                    return res
+                }).then(setViews)
+            )
     }, [testIdInt, teams, token])
 
     useEffect(() => {