Do sorting in frontend

This commit is contained in:
Nicolas Mowen 2025-03-28 11:25:48 -06:00
parent 0680802d3a
commit 0618ca6563
2 changed files with 6 additions and 8 deletions

View File

@ -41,13 +41,9 @@ def get_faces():
face_dict[name] = [] face_dict[name] = []
for file in sorted( for file in filter(
filter( lambda f: (f.lower().endswith((".webp", ".png", ".jpg", ".jpeg"))),
lambda f: (f.lower().endswith((".webp", ".png", ".jpg", ".jpeg"))), os.listdir(face_dir),
os.listdir(face_dir),
),
key=lambda f: os.path.getctime(os.path.join(face_dir, f)),
reverse=True,
): ):
face_dict[name].append(file) face_dict[name].append(file)

View File

@ -769,6 +769,8 @@ type FaceGridProps = {
onDelete: (name: string, ids: string[]) => void; onDelete: (name: string, ids: string[]) => void;
}; };
function FaceGrid({ faceImages, pageToggle, onDelete }: FaceGridProps) { function FaceGrid({ faceImages, pageToggle, onDelete }: FaceGridProps) {
const sortedFaces = useMemo(() => [...new Set(faceImages)], [faceImages]);
return ( return (
<div <div
className={cn( className={cn(
@ -776,7 +778,7 @@ function FaceGrid({ faceImages, pageToggle, onDelete }: FaceGridProps) {
isDesktop ? "flex flex-wrap" : "grid grid-cols-2", isDesktop ? "flex flex-wrap" : "grid grid-cols-2",
)} )}
> >
{faceImages.map((image: string) => ( {sortedFaces.map((image: string) => (
<FaceImage <FaceImage
key={image} key={image}
name={pageToggle} name={pageToggle}