🚚(frontend) move import code in the doc-import feature folder

We are going to add new modal to import docs, and
to avoid having too much code in the docs-grid
feature, we are moving all the import code in a
new doc-import feature folder. This is a pure
move, no logic has been changed, only the location
of the files and the imports.

Author: AntoLC

src/frontend/apps/impress/src/features/docs/docs-grid/components/DocsGrid.tsx

@@ -1,19 +1,17 @@
-import {
-  Button,
-  Tooltip as TooltipBase,
-} from '@gouvfr-lasuite/cunningham-react';
+import { Button } from '@gouvfr-lasuite/cunningham-react';
 import { useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { InView } from 'react-intersection-observer';
-import styled, { css } from 'styled-components';
+import { css } from 'styled-components';
 
 import AllDocs from '@/assets/icons/doc-all.svg';
 import { Box, Card, Icon, Text } from '@/components';
 import { DocDefaultFilter, useInfiniteDocs } from '@/docs/doc-management';
 import { useResponsiveStore } from '@/stores';
 
+import { ButtonImport } from '../../docs-import/components/ButtonImport';
+import { useImport } from '../../docs-import/hooks/useImport';
 import { useInfiniteDocsTrashbin } from '../api';
-import { useImport } from '../hooks/useImport';
 import { useResponsiveDocGrid } from '../hooks/useResponsiveDocGrid';
 
 import {
@@ -22,17 +20,6 @@ import {
 } from './DocGridContentList';
 import { DocsGridLoader } from './DocsGridLoader';
 
-const Tooltip = styled(TooltipBase)`
-  & {
-    max-width: 200px;
-
-    .c__tooltip__content {
-      max-width: 200px;
-      width: max-content;
-    }
-  }
-`;
-
 type DocsGridProps = {
   target?: DocDefaultFilter;
 };
@@ -241,27 +228,7 @@ const DocGridTitleBar = ({
           {title}
         </Text>
       </Box>
-      {withUpload && (
-        <Tooltip
-          content={
-            <Text $textAlign="center" $theme="neutral" $variation="tertiary">
-              {t('Import Docx or Markdown files')}
-            </Text>
-          }
-        >
-          <Button
-            color="brand"
-            variant="tertiary"
-            onClick={(e) => {
-              e.stopPropagation();
-              onUploadClick();
-            }}
-            aria-label={t('Open the upload dialog')}
-          >
-            <Icon iconName="upload_file" $withThemeInherited />
-          </Button>
-        </Tooltip>
-      )}
+      {withUpload && <ButtonImport onUploadClick={onUploadClick} />}
     </Box>
   );
 };

…ures/docs/docs-grid/api/useImportDoc.tsx …es/docs/docs-import/api/useImportDoc.tsxsrc/frontend/apps/impress/src/features/docs/docs-grid/api/useImportDoc.tsx renamed to src/frontend/apps/impress/src/features/docs/docs-import/api/useImportDoc.tsx src/frontend/apps/impress/src/features/docs/docs-grid/api/useImportDoc.tsx renamed to src/frontend/apps/impress/src/features/docs/docs-import/api/useImportDoc.tsx

@@ -0,0 +1,49 @@
+import {
+  Button,
+  Tooltip as TooltipBase,
+} from '@gouvfr-lasuite/cunningham-react';
+import { useTranslation } from 'react-i18next';
+import styled from 'styled-components';
+
+import { Icon, Text } from '@/components';
+
+const Tooltip = styled(TooltipBase)`
+  & {
+    max-width: 200px;
+
+    .c__tooltip__content {
+      max-width: 200px;
+      width: max-content;
+    }
+  }
+`;
+
+export const ButtonImport = ({
+  onUploadClick,
+}: {
+  onUploadClick: () => void;
+}) => {
+  const { t } = useTranslation();
+
+  return (
+    <Tooltip
+      content={
+        <Text $textAlign="center" $theme="neutral" $variation="tertiary">
+          {t('Import Docx or Markdown files')}
+        </Text>
+      }
+    >
+      <Button
+        color="brand"
+        variant="tertiary"
+        onClick={(e) => {
+          e.stopPropagation();
+          onUploadClick();
+        }}
+        aria-label={t('Open the upload dialog')}
+      >
+        <Icon iconName="upload_file" $withThemeInherited />
+      </Button>
+    </Tooltip>
+  );
+};