style: run prettier on entire codebase
This commit is contained in:
@@ -1,25 +1,31 @@
|
||||
import { useState, useCallback, useRef } from 'react'
|
||||
import { useState, useCallback, useRef } from "react";
|
||||
|
||||
interface SortState {
|
||||
sort: string
|
||||
order: 'asc' | 'desc'
|
||||
sort: string;
|
||||
order: "asc" | "desc";
|
||||
}
|
||||
|
||||
export default function useTableSort(defaultSort = 'id', defaultOrder: 'asc' | 'desc' = 'desc') {
|
||||
const [state, setState] = useState<SortState>({ sort: defaultSort, order: defaultOrder })
|
||||
const userClicked = useRef(false)
|
||||
export default function useTableSort(
|
||||
defaultSort = "id",
|
||||
defaultOrder: "asc" | "desc" = "desc",
|
||||
) {
|
||||
const [state, setState] = useState<SortState>({
|
||||
sort: defaultSort,
|
||||
order: defaultOrder,
|
||||
});
|
||||
const userClicked = useRef(false);
|
||||
|
||||
const handleSort = useCallback((column: string) => {
|
||||
userClicked.current = true
|
||||
setState(prev => {
|
||||
userClicked.current = true;
|
||||
setState((prev) => {
|
||||
if (prev.sort === column) {
|
||||
return { sort: column, order: prev.order === 'asc' ? 'desc' : 'asc' }
|
||||
return { sort: column, order: prev.order === "asc" ? "desc" : "asc" };
|
||||
}
|
||||
return { sort: column, order: 'desc' }
|
||||
})
|
||||
}, [])
|
||||
return { sort: column, order: "desc" };
|
||||
});
|
||||
}, []);
|
||||
|
||||
const activeSort = userClicked.current ? state.sort : null
|
||||
const activeSort = userClicked.current ? state.sort : null;
|
||||
|
||||
return { sort: state.sort, order: state.order, handleSort, activeSort }
|
||||
return { sort: state.sort, order: state.order, handleSort, activeSort };
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user