diff --git a/web/cspell.json b/web/cspell.json index df288e3e51..e15ed7a5ea 100644 --- a/web/cspell.json +++ b/web/cspell.json @@ -22,6 +22,7 @@ "autoconnect", "btrfs", "ccmp", + "dasd", "dbus", "dinstaller", "filecontent", diff --git a/web/package/cockpit-d-installer.changes b/web/package/cockpit-d-installer.changes index b8cc11b89f..e2912fc244 100644 --- a/web/package/cockpit-d-installer.changes +++ b/web/package/cockpit-d-installer.changes @@ -1,3 +1,9 @@ +------------------------------------------------------------------- +Fri Mar 24 12:50:06 UTC 2023 - Ancor Gonzalez Sosa + +- Added a tip about iSCSI and DASD configuration to the storage + page (gh#yast/d-installer#500). + ------------------------------------------------------------------- Fri Mar 24 10:39:45 UTC 2023 - Imobach Gonzalez Sosa diff --git a/web/src/components/core/Sidebar.jsx b/web/src/components/core/Sidebar.jsx index d182db009e..1bcefe3a8f 100644 --- a/web/src/components/core/Sidebar.jsx +++ b/web/src/components/core/Sidebar.jsx @@ -23,11 +23,15 @@ import React, { useEffect, useRef, useState } from "react"; import { Button, Text } from "@patternfly/react-core"; import { Icon, PageActions } from "~/components/layout"; +// FIXME: look for a better way to allow opening the Sidebar from outside +let openButtonRef = {}; + /** * D-Installer sidebar navigation */ -export default function Sidebar({ children }) { +const Sidebar = ({ children }) => { const [isOpen, setIsOpen] = useState(false); + openButtonRef = useRef(null); const closeButtonRef = useRef(null); const open = () => setIsOpen(true); @@ -83,6 +87,7 @@ export default function Sidebar({ children }) { <> +); + +export default Sidebar; diff --git a/web/src/components/storage/ProposalTargetSection.jsx b/web/src/components/storage/ProposalTargetSection.jsx index ea3baae84a..f088bba794 100644 --- a/web/src/components/storage/ProposalTargetSection.jsx +++ b/web/src/components/storage/ProposalTargetSection.jsx @@ -20,15 +20,12 @@ */ import React, { useState } from "react"; -import { useNavigate } from "react-router-dom"; -import { Button } from "@patternfly/react-core"; -import { If, Popup, Section } from "~/components/core"; +import { If, Popup, Section, Sidebar } from "~/components/core"; import { ProposalSummary, ProposalTargetForm } from "~/components/storage"; export default function ProposalTargetSection({ proposal, calculateProposal }) { const [isOpen, setIsOpen] = useState(false); - const navigate = useNavigate(); const onTargetChange = ({ candidateDevices }) => { setIsOpen(false); @@ -36,11 +33,17 @@ export default function ProposalTargetSection({ proposal, calculateProposal }) { }; const openDeviceSelector = () => setIsOpen(true); - const navigateToISCSIPage = () => navigate("/storage/iscsi"); const { availableDevices = [] } = proposal; const renderSelector = availableDevices.length > 0; + // Temporary mini-component with temporary text for March prototype + const SideBarTip = () => { + return ( +
If needed, use the advanced options menu to configure access to more disks.
+ ); + }; + const Content = () => { return ( <> @@ -52,6 +55,7 @@ export default function ProposalTargetSection({ proposal, calculateProposal }) { setIsOpen(false)} autoFocus /> + ); }; @@ -60,8 +64,7 @@ export default function ProposalTargetSection({ proposal, calculateProposal }) { return (
No devices found
-
Please, configure iSCSI targets in order to find available devices for installation.
- +
); };