fix(web): do not render an empty software page

web/package/agama-web-ui.changes

@@ -1,3 +1,8 @@
+-------------------------------------------------------------------
+Fri Feb 27 14:39:08 UTC 2026 - David Diaz <dgonzalez@suse.com>
+
+- Do not show empty software page (related to bsc#1258922).
+
 -------------------------------------------------------------------
 Thu Feb 26 16:43:44 UTC 2026 - David Diaz <dgonzalez@suse.com>
 

web/src/components/software/SoftwarePage.test.tsx

@@ -27,6 +27,8 @@ import testingPatterns from "./patterns.test.json";
 import testingProposal from "./proposal.test.json";
 import SoftwarePage from "./SoftwarePage";
 
+const mockProposal = jest.fn();
+
 jest.mock("~/components/layout/Header", () => () => <div>Header Mock</div>);
 jest.mock("~/components/questions/Questions", () => () => <div>Questions Mock</div>);
 
@@ -35,14 +37,18 @@ jest.mock("~/hooks/model/issue", () => ({
 }));
 
 jest.mock("~/hooks/model/proposal/software", () => ({
-  useProposal: () => testingProposal,
+  useProposal: () => mockProposal(),
 }));
 
 jest.mock("~/hooks/model/system/software", () => ({
   useSystem: () => ({ patterns: testingPatterns }),
 }));
 
 describe("SoftwarePage", () => {
+  beforeEach(() => {
+    mockProposal.mockReturnValue(testingProposal);
+  });
+
   it("renders a list of selected patterns", () => {
     installerRender(<SoftwarePage />);
     screen.getAllByText(/GNOME/);
@@ -64,4 +70,15 @@ describe("SoftwarePage", () => {
     installerRender(<SoftwarePage />);
     screen.getByRole("link", { name: "Change selection" });
   });
+
+  describe("when there is no proposal yet", () => {
+    beforeEach(() => {
+      mockProposal.mockReturnValue(null);
+    });
+
+    it("renders an informative messsage", () => {
+      installerRender(<SoftwarePage />);
+      screen.getByText("No information available yet");
+    });
+  });
 });

web/src/components/software/SoftwarePage.tsx

@@ -28,6 +28,7 @@ import {
   DescriptionListDescription,
   DescriptionListGroup,
   DescriptionListTerm,
+  EmptyState,
   Grid,
   GridItem,
   Spinner,
@@ -139,7 +140,7 @@ const Content = () => {
   const [loading, setLoading] = useState(false);
 
   if (!proposal) {
-    return null;
+    return <EmptyState headingLevel="h2" titleText={_("No information available yet")} />;
   }
 
   // FIXME: temporarily disabled, the API end point is not implemented yet