Fix web select warnings due to refs

This commit is contained in:
Zoe Roux 2024-01-29 17:04:19 +01:00
parent 27ae6b512b
commit e60a1e5a25
2 changed files with 3 additions and 4 deletions

View File

@ -77,7 +77,7 @@ export const Select = ({
})} })}
> >
<P {...css({ textAlign: "center" }, "text")}>{<RSelect.Value />}</P> <P {...css({ textAlign: "center" }, "text")}>{<RSelect.Value />}</P>
<RSelect.Icon asChild> <RSelect.Icon>
<Icon icon={ExpandMore} /> <Icon icon={ExpandMore} />
</RSelect.Icon> </RSelect.Icon>
</View> </View>
@ -100,7 +100,7 @@ export const Select = ({
maxHeight: "calc(var(--radix-dropdown-menu-content-available-height) * 0.8)", maxHeight: "calc(var(--radix-dropdown-menu-content-available-height) * 0.8)",
})} })}
> >
<RSelect.ScrollUpButton asChild> <RSelect.ScrollUpButton>
<Icon icon={ExpandLess} /> <Icon icon={ExpandLess} />
</RSelect.ScrollUpButton> </RSelect.ScrollUpButton>
<RSelect.Viewport> <RSelect.Viewport>
@ -108,7 +108,7 @@ export const Select = ({
<Item key={x} label={getLabel(x)} value={x} /> <Item key={x} label={getLabel(x)} value={x} />
))} ))}
</RSelect.Viewport> </RSelect.Viewport>
<RSelect.ScrollDownButton asChild> <RSelect.ScrollDownButton>
<Icon icon={ExpandMore} /> <Icon icon={ExpandMore} />
</RSelect.ScrollDownButton> </RSelect.ScrollDownButton>
</RSelect.Content> </RSelect.Content>

View File

@ -18,7 +18,6 @@
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>. * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/ */
import { setUserTheme, useAccount } from "@kyoo/models";
import { Select } from "@kyoo/primitives"; import { Select } from "@kyoo/primitives";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { Preference, SettingsContainer, useSetting } from "./base"; import { Preference, SettingsContainer, useSetting } from "./base";