components/ui/dropdown/DropDown.astro: add name property to group dropdowns

implemtned on the core downloads page so when one dropdown is opened any others open will close

Author: plowsof

src/components/pages/downloads/CoreCard.astro

@@ -32,6 +32,7 @@ interface Props {
   releaseNotesUrl?: string;
   torrentUrl?: string;
   magnetUrl?: string;
+  dropdownGroup?: string;
 }
 
 const {
@@ -47,6 +48,7 @@ const {
   releaseNotesUrl,
   torrentUrl,
   magnetUrl,
+  dropdownGroup,
   ...rest
 } = Astro.props;
 const { t, safeMarkdown } = Astro.locals;
@@ -82,7 +84,10 @@ const PLATFORM_ICONS: Record<string, ImageMetadata> = {
     </ul>
     <div class="card-footer">
       <div class="download-actions">
-        <Dropdown label={t("downloads:core.downloadButton")}>
+        <Dropdown
+          label={t("downloads:core.downloadButton")}
+          name={dropdownGroup}
+        >
           {
             downloads.map((item) =>
               item === "separator" ? (

src/components/ui/dropdown/Dropdown.astro

@@ -5,11 +5,12 @@ import { icons } from "@/utils/icons";
 
 interface Props {
   label?: string;
+  name?: string;
 }
-const { label } = Astro.props;
+const { label, name } = Astro.props;
 ---
 
-<details class="dropdown">
+<details class="dropdown" name={name}>
   <summary class="dropdown-summary">
     <slot name="trigger">
       <Button variant="primary" as="span">

src/pages/downloads/index.astro

@@ -69,6 +69,7 @@ const tabs = [
           >,
         )}
         downloads={coreDownloads.gui.downloads as DownloadLink[]}
+        dropdownGroup="downloads"
       />
 
       <!-- Monero CLI Card -->
@@ -90,6 +91,7 @@ const tabs = [
           >,
         )}
         downloads={coreDownloads.cli.downloads as DownloadLink[]}
+        dropdownGroup="downloads"
       />
     </Grid>