diff --git a/src/components/download-dialog/DownloadDialog.tsx b/src/components/download-dialog/DownloadDialog.tsx index a46639c900..2ac50c8069 100644 --- a/src/components/download-dialog/DownloadDialog.tsx +++ b/src/components/download-dialog/DownloadDialog.tsx @@ -12,7 +12,7 @@ import { TextArea, } from "@patternfly/react-core"; import FileSaver from "file-saver"; -import React, { useState } from "react"; +import React, { useMemo, useState } from "react"; import { useTranslation } from "react-i18next"; import { useAdminClient, useFetch } from "../../context/auth/AdminClient"; import { useServerInfo } from "../../context/server-info/ServerInfoProvider"; @@ -45,6 +45,11 @@ export const DownloadDialog = ({ const [snippet, setSnippet] = useState(""); const [openType, setOpenType] = useState(false); + const selectedConfig = useMemo( + () => configFormats?.find((config) => config.id === selected) ?? null, + [selected] + ); + useFetch( async () => { const snippet = await adminClient.clients.getInstallationProviders({ @@ -115,7 +120,7 @@ export const DownloadDialog = ({ value={selected} selections={selected} onSelect={(_, value) => { - setSelected(value as string); + setSelected(value.toString()); setOpenType(false); }} aria-label="Select Input" @@ -132,28 +137,30 @@ export const DownloadDialog = ({ - - + + } + > +