chore(web): migration svelte 5 syntax (#13883)

This commit is contained in:
Alex
2024-11-14 08:43:25 -06:00
committed by GitHub
parent 9203a61709
commit 0b3742cf13
310 changed files with 6435 additions and 4176 deletions

View File

@@ -4,22 +4,24 @@
import SearchPeople from '$lib/components/faces-page/people-search.svelte';
import { t } from 'svelte-i18n';
export let screenHeight: number;
export let people: PersonResponseDto[];
export let peopleToNotShow: PersonResponseDto[];
export let onSelect: (person: PersonResponseDto) => void;
let searchedPeopleLocal: PersonResponseDto[] = [];
let name = '';
let showPeople: PersonResponseDto[];
$: {
showPeople = name ? searchedPeopleLocal : people;
showPeople = showPeople.filter(
(person) => !peopleToNotShow.some((unselectedPerson) => unselectedPerson.id === person.id),
);
interface Props {
screenHeight: number;
people: PersonResponseDto[];
peopleToNotShow: PersonResponseDto[];
onSelect: (person: PersonResponseDto) => void;
}
let { screenHeight, people, peopleToNotShow, onSelect }: Props = $props();
let searchedPeopleLocal: PersonResponseDto[] = $state([]);
let name = $state('');
const showPeople = $derived(
(name ? searchedPeopleLocal : people).filter(
(person) => !peopleToNotShow.some((unselectedPerson) => unselectedPerson.id === person.id),
),
);
</script>
<div class=" w-40 sm:w-48 md:w-96 h-14 mb-8">