OpenSource/homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added the option initiallyCollapsed to layout groups

Browse Source
This commit is contained in:
Flo2410 2024-02-08 16:40:34 +00:00
parent 74a52d9288
commit 9925de4049
No known key found for this signature in database
GPG Key ID: 8ECB00AC5216DC7F
2 changed files with 13 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/bookmarks/group.jsx
View File

@ -1,4 +1,4 @@
import { useRef } from "react"; import { useRef, useEffect } from "react";
import classNames from "classnames"; import classNames from "classnames";
import { Disclosure, Transition } from "@headlessui/react"; import { Disclosure, Transition } from "@headlessui/react";
import { MdKeyboardArrowDown } from "react-icons/md"; import { MdKeyboardArrowDown } from "react-icons/md";
@ -9,6 +9,11 @@ import ResolvedIcon from "components/resolvedicon";
export default function BookmarksGroup({ bookmarks, layout, disableCollapse }) { export default function BookmarksGroup({ bookmarks, layout, disableCollapse }) {
const panel = useRef(); const panel = useRef();
useEffect(() => {
if (layout?.initiallyCollapsed) panel.current.style.height = `0`;
}, [layout]);
return ( return (
<div <div
key={bookmarks.name} key={bookmarks.name}
@ -18,7 +23,7 @@ export default function BookmarksGroup({ bookmarks, layout, disableCollapse }) {
layout?.header === false ? "flex-1 px-1 -my-1" : "flex-1 p-1", layout?.header === false ? "flex-1 px-1 -my-1" : "flex-1 p-1",
)} )}
> >
<Disclosure defaultOpen> <Disclosure defaultOpen={!layout?.initiallyCollapsed ?? true}>
{({ open }) => ( {({ open }) => (
<> <>
{layout?.header !== false && ( {layout?.header !== false && (

8
src/components/services/group.jsx
View File

@ -1,4 +1,4 @@
import { useRef } from "react"; import { useRef, useEffect } from "react";
import classNames from "classnames"; import classNames from "classnames";
import { Disclosure, Transition } from "@headlessui/react"; import { Disclosure, Transition } from "@headlessui/react";
import { MdKeyboardArrowDown } from "react-icons/md"; import { MdKeyboardArrowDown } from "react-icons/md";
@ -9,6 +9,10 @@ import ResolvedIcon from "components/resolvedicon";
export default function ServicesGroup({ group, services, layout, fiveColumns, disableCollapse, useEqualHeights }) { export default function ServicesGroup({ group, services, layout, fiveColumns, disableCollapse, useEqualHeights }) {
const panel = useRef(); const panel = useRef();
useEffect(() => {
if (layout?.initiallyCollapsed) panel.current.style.height = `0`;
}, [layout, panel]);
return ( return (
<div <div
key={services.name} key={services.name}
@ -19,7 +23,7 @@ export default function ServicesGroup({ group, services, layout, fiveColumns, di
layout?.header === false ? "flex-1 px-1 -my-1" : "flex-1 p-1", layout?.header === false ? "flex-1 px-1 -my-1" : "flex-1 p-1",
)} )}
> >
<Disclosure defaultOpen> <Disclosure defaultOpen={!layout?.initiallyCollapsed ?? true}>
{({ open }) => ( {({ open }) => (
<> <>
{layout?.header !== false && ( {layout?.header !== false && (