fixup! ✨(frontend) create page from dropdown search

Author: AntoLC

src/frontend/apps/impress/src/features/docs/doc-editor/components/custom-inline-content/Interlinking/SearchPage.tsx

@@ -10,10 +10,10 @@ import { css } from 'styled-components';
 
 import {
   Box,
-  BoxButton,
   Card,
   Icon,
   QuickSearch,
+  QuickSearchGroup,
   QuickSearchItemContent,
   Text,
 } from '@/components';
@@ -265,33 +265,52 @@ export const SearchPage = ({
                 />
               )}
             />
-            <Box
-              $css={css`
-                border-top: 1px solid var(--c--theme--colors--greyscale-200);
-              `}
-            >
-              <BoxButton
-                $direction="row"
-                $gap="0.4rem"
-                $align="center"
-                $padding={{ vertical: '0.5rem', horizontal: '0.3rem' }}
-                $css={css`
-                  &:hover {
-                    background-color: var(--c--theme--colors--greyscale-100);
-                  }
-                `}
-                onClick={createChildDoc}
-                $hasTransition={false}
-              >
-                <AddPageIcon />
-                <Text
-                  $size="14px"
-                  $color="var(--c--theme--colors--greyscale-1000)"
-                >
-                  {t('New sub-doc')}
-                </Text>
-              </BoxButton>
-            </Box>
+            <QuickSearchGroup
+              group={{
+                groupName: '',
+                elements: [],
+                endActions: [
+                  {
+                    onSelect: createChildDoc,
+                    content: (
+                      <Box
+                        $css={css`
+                          border-top: 1px solid
+                            var(--c--theme--colors--greyscale-200);
+                        `}
+                        $width="100%"
+                      >
+                        <Box
+                          $direction="row"
+                          $gap="0.4rem"
+                          $align="center"
+                          $padding={{
+                            vertical: '0.5rem',
+                            horizontal: '0.3rem',
+                          }}
+                          $css={css`
+                            &:hover {
+                              background-color: var(
+                                --c--theme--colors--greyscale-100
+                              );
+                            }
+                          `}
+                        >
+                          <AddPageIcon />
+                          <Text
+                            $size="14px"
+                            $color="var(--c--theme--colors--greyscale-1000)"
+                            contentEditable={false}
+                          >
+                            {t('New sub-doc')}
+                          </Text>
+                        </Box>
+                      </Box>
+                    ),
+                  },
+                ],
+              }}
+            />
           </Card>
         </QuickSearch>
       </Box>