Marco/infoalloggi-monorepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 6 Wiki Activity Actions

feat: enhance default open logic for service rows and improve transition effects

Browse source
This commit is contained in:
Marco Pedone 2025-10-14 16:53:15 +02:00
parent cdcc92173c
commit e6a4843586
1 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
apps/infoalloggi/src/components/tables/ricerca-table.tsx
View file

@ -32,12 +32,20 @@ export const TabRicerca = ({
);
}
const first_choice = data.findIndex((s) => !s.isInterrotto && s.isOkAcconto);
const second_choice = data.findIndex((s) => !s.isInterrotto);
const getDefaultOpen = (idx: number) => {
if (first_choice !== -1) return idx === first_choice;
if (second_choice !== -1) return idx === second_choice;
return idx === 0;
};
return (
<div className="flex flex-col gap-2">
{data.map((servizio, idx) => {
return (
<Row
defaultOpen={idx === 0}
defaultOpen={getDefaultOpen(idx)}
isAdmin={isAdmin}
key={idx}
servizio={servizio}
@ -72,7 +80,9 @@ const Row = ({
<div className="flex items-center rounded-md border border-border py-2 shadow-sm hover:shadow-md">
<CollapsibleTrigger className="grid w-full cursor-pointer grid-cols-10 items-center">
<div className="col-span-2 sm:col-span-1">
<span className="text-xl">{isOpen ? "👇" : "👉"}</span>
<span className="text-xl transition-all duration-300 ease-in-out">
{isOpen ? "👇" : "👉"}
</span>
</div>
<div className="col-span-6 flex items-center gap-2 font-semibold sm:text-lg">
<Package className="size-6 text-primary" />