From 562fb0df08110bc0067a52a45f018c8cf2a62fd3 Mon Sep 17 00:00:00 2001
From: regexowl <ksimicko@redhat.com>
Date: Tue, 23 Apr 2024 16:57:01 +0200
Subject: [PATCH] V2Wizard: Update wording on empty state

This updates the wording and buttons for empty state.
---
 .../steps/Packages/Packages.tsx               | 58 +++++++++----------
 1 file changed, 26 insertions(+), 32 deletions(-)

diff --git a/src/Components/CreateImageWizardV2/steps/Packages/Packages.tsx b/src/Components/CreateImageWizardV2/steps/Packages/Packages.tsx
index 38a576ab..d4c4124d 100644
--- a/src/Components/CreateImageWizardV2/steps/Packages/Packages.tsx
+++ b/src/Components/CreateImageWizardV2/steps/Packages/Packages.tsx
@@ -4,6 +4,7 @@ import {
   Bullseye,
   Button,
   EmptyState,
+  EmptyStateActions,
   EmptyStateBody,
   EmptyStateFooter,
   EmptyStateHeader,
@@ -269,40 +270,33 @@ const Packages = () => {
                 headingLevel="h4"
               />
               <EmptyStateBody>
-                Adjust your search and try again, or search from{' '}
-                <Button
-                  variant="link"
-                  isInline
-                  component="a"
-                  target="_blank"
-                  href={
-                    isBeta() ? '/preview/insights/content' : '/insights/content'
-                  }
-                >
-                  your repositories
-                </Button>{' '}
-                and{' '}
-                <Button
-                  variant="link"
-                  isInline
-                  component="a"
-                  target="_blank"
-                  href={
-                    isBeta()
-                      ? '/preview/insights/content/popular-repositories'
-                      : '/insights/content/popular-repositories'
-                  }
-                >
-                  popular repositories
-                </Button>
+                Adjust your search and try again, or search from your
+                repositories and popular repositories
               </EmptyStateBody>
               <EmptyStateFooter>
-                <Button
-                  variant="primary"
-                  onClick={() => setToggleSourceRepos('toggle-other-repos')}
-                >
-                  Search other repositories
-                </Button>
+                <EmptyStateActions>
+                  <Button
+                    variant="primary"
+                    onClick={() => setToggleSourceRepos('toggle-other-repos')}
+                  >
+                    Search other repositories
+                  </Button>
+                </EmptyStateActions>
+                <EmptyStateActions>
+                  <Button
+                    variant="link"
+                    isInline
+                    component="a"
+                    target="_blank"
+                    href={
+                      isBeta()
+                        ? '/preview/insights/content'
+                        : '/insights/content'
+                    }
+                  >
+                    View other repositories
+                  </Button>
+                </EmptyStateActions>
               </EmptyStateFooter>
             </EmptyState>
           </Bullseye>