knee-cola/evidencija-rezija
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enabled accordion to be collapsed

Browse Source
This commit is contained in:
Nikola Derežić
2024-02-01 15:31:33 +01:00
parent 5feabdf4f5
commit acaeae8d7b
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
app/ui/MonthCard.tsx
View File

@@ -18,8 +18,9 @@ export const MonthCard:FC<MonthCardProps> = ({ yearMonth, children, monthlyExpen
const router = useRouter(); const router = useRouter();
const elRef = useRef<HTMLDivElement>(null); const elRef = useRef<HTMLDivElement>(null);
// setting the `month` will activate the accordion belonging to that month // Setting the `month` will activate the accordion belonging to that month
const handleChange = (event:any) => router.push(`/?year=${yearMonth.year}&month=${yearMonth.month}`); // If the accordion is already active, it will collapse it
const handleChange = (event:any) => router.push(expanded ? `/?year=${yearMonth.year}` : `/?year=${yearMonth.year}&month=${yearMonth.month}`);
useEffect(() => { useEffect(() => {
if(expanded && elRef.current) { if(expanded && elRef.current) {