mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

apply suggestion

Browse source
This commit is contained in:
grafixeyehero 2022-10-14 02:07:54 +03:00
parent 1ac97c878a
commit f40c565e4a
12 changed files with 70 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/view/components/Sort.tsx
View file

@ -1,7 +1,8 @@
import React, { FC, useCallback, useEffect, useRef } from 'react';
import IconButtonElement from '../../elements/IconButtonElement';
import { QueryI } from './interface';
interface SortI {
interface SortProps {
getSortMenuOptions: () => {
name: string;
value: string;
@ -11,10 +12,11 @@ interface SortI {
sortOrder: string;
}
getSettingsKey: () => string;
setQuery: React.Dispatch<React.SetStateAction<QueryI>>;
reloadItems: () => void;
}
const Sort: FC<SortI> = ({ getSortMenuOptions, getSortValues, getSettingsKey, reloadItems }) => {
const Sort: FC<SortProps> = ({ getSortMenuOptions, getSortValues, getSettingsKey, setQuery, reloadItems }) => {
const element = useRef<HTMLDivElement>(null);
const showSortMenu = useCallback(() => {
@ -25,10 +27,11 @@ const Sort: FC<SortI> = ({ getSortMenuOptions, getSortValues, getSettingsKey, re
settings: getSortValues(),
sortOptions: getSortMenuOptions()
}).then(() => {
setQuery({StartIndex: 0});
reloadItems();
});
});
}, [getSettingsKey, getSortMenuOptions, getSortValues, reloadItems]);
}, [getSettingsKey, getSortMenuOptions, getSortValues, reloadItems, setQuery]);
useEffect(() => {
const btnSort = element.current?.querySelector('.btnSort');