From 18df8aa8b9d547cd22ec4059e4a79bb287b21eb2 Mon Sep 17 00:00:00 2001
From: Celia Amador <camadorg@redhat.com>
Date: Thu, 11 Jun 2026 12:48:21 +0200
Subject: [PATCH] EDM-4156: Add divider to menu footer

Made-with: Cursor
---
 .../src/components/form/FormSelect.tsx        | 30 +++++++++++--------
 .../src/components/form/RepositorySelect.tsx  | 30 +++++++++++--------
 2 files changed, 34 insertions(+), 26 deletions(-)

diff --git a/libs/ui-components/src/components/form/FormSelect.tsx b/libs/ui-components/src/components/form/FormSelect.tsx
index 1953c5f68..e60601161 100644
--- a/libs/ui-components/src/components/form/FormSelect.tsx
+++ b/libs/ui-components/src/components/form/FormSelect.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 
 import {
   Button,
+  Divider,
   FormGroup,
   MenuFooter,
   MenuToggle,
@@ -143,19 +144,22 @@ const FormSelect = ({
         )}
         {children}
         {addAction && (
-          <MenuFooter>
-            <Button
-              variant="link"
-              isInline
-              icon={<PlusCircleIcon />}
-              onClick={() => {
-                setIsOpen(false);
-                addAction.onAdd();
-              }}
-            >
-              {addAction.label}
-            </Button>
-          </MenuFooter>
+          <>
+            <Divider />
+            <MenuFooter>
+              <Button
+                variant="link"
+                isInline
+                icon={<PlusCircleIcon />}
+                onClick={() => {
+                  setIsOpen(false);
+                  addAction.onAdd();
+                }}
+              >
+                {addAction.label}
+              </Button>
+            </MenuFooter>
+          </>
         )}
       </Select>
 
diff --git a/libs/ui-components/src/components/form/RepositorySelect.tsx b/libs/ui-components/src/components/form/RepositorySelect.tsx
index 5775c2f05..bc05a8baa 100644
--- a/libs/ui-components/src/components/form/RepositorySelect.tsx
+++ b/libs/ui-components/src/components/form/RepositorySelect.tsx
@@ -2,6 +2,7 @@ import * as React from 'react';
 import { useField, useFormikContext } from 'formik';
 import {
   Button,
+  Divider,
   Flex,
   FlexItem,
   FormGroup,
@@ -195,19 +196,22 @@ const RepositorySelect = ({
           <ReadOnlyRepositoryListItem invalidRepoItems={invalidRepoItems} />
 
           {canCreateRepo && (
-            <MenuFooter>
-              <Button
-                variant="link"
-                isInline
-                icon={<PlusCircleIcon />}
-                onClick={() => {
-                  setCreateRepoModalOpen(true);
-                }}
-                isDisabled={isReadOnly}
-              >
-                {t('Create repository')}
-              </Button>
-            </MenuFooter>
+            <>
+              <Divider />
+              <MenuFooter>
+                <Button
+                  variant="link"
+                  isInline
+                  icon={<PlusCircleIcon />}
+                  onClick={() => {
+                    setCreateRepoModalOpen(true);
+                  }}
+                  isDisabled={isReadOnly}
+                >
+                  {t('Create repository')}
+                </Button>
+              </MenuFooter>
+            </>
           )}
         </FormSelect>