move components

src/components/Consents/DowloadModal.tsx

 import React from 'react'
-import Modal from '../Modal/Modal'
 import dowloadIcon from '../../assets/icons/ico-download.svg'
+import Modal from '../Newsletter/Modal/Modal'
 import styles from './DownloadModal.module.scss'
 
 interface DowloadModalProps {

src/components/Newsletter/DateSelector/DateSelector.tsx

 import React, { useState } from 'react'
 import leftChevron from '../../../assets/icons/left-chevron.svg'
 import rightChevron from '../../../assets/icons/right-chevron.svg'
-import Modal from '../../Modal/Modal'
+import Modal from '../Modal/Modal'
 import './dateSelector.scss'
 
 interface DateSelectorProps {

src/components/ImagePicker/ImagePicker.tsx → src/components/Newsletter/ImagePicker/ImagePicker.tsx

+import Pagination from '@material-ui/lab/Pagination'
 import React, { useContext, useEffect, useState } from 'react'
-import { NewsletterService } from '../../services/newsletter.service'
+import { getAxiosXSRFHeader } from '../../../axios.config'
+import { UserContext, UserContextProps } from '../../../hooks/userContext'
+import { NewsletterService } from '../../../services/newsletter.service'
 import Modal from '../Modal/Modal'
-import Pagination from '@material-ui/lab/Pagination'
 import SingleImage from './SingleImage'
-import { UserContext, UserContextProps } from '../../hooks/userContext'
-import { getAxiosXSRFHeader } from '../../axios.config'
 
 interface ImagePickerProps {
   imageURL: string

src/components/ImagePicker/imagePicker.scss → src/components/Newsletter/ImagePicker/imagePicker.scss

-@import '../../styles/config/colors';
-@import '../../styles/config/breakpoints';
+@import '../../../styles/config/colors';
+@import '../../../styles/config/breakpoints';
 
 .image-picker {
   display: flex;

src/components/MailSuject/mailSubject.tsx → src/components/Newsletter/MailSuject/mailSubject.tsx

 import React, { ChangeEvent } from 'react'
-import { ContentItems } from '../Newsletter/Newsletter'
+import { ContentItems } from '../Newsletter'
 import './mailSubject.scss'
 
 interface MailSubjectProps {
@@ -18,7 +18,7 @@ const MailSubject: React.FC<MailSubjectProps> = ({
   subject,
   handleChange,
   onDelete,
-}: MailSubjectProps) => {
+}) => {
   const handleChangeSubject = (e: ChangeEvent<HTMLInputElement>) => {
     handleChange(e.target.value, 'subject')
   }

src/components/Modal/modal.scss → src/components/Newsletter/Modal/modal.scss

-@import '../../styles/config/colors';
+@import '../../../styles/config/colors';
 
 .modal-bg {
   background-color: rgba(27, 28, 34, 0.85);

src/components/MonthlyInfo/MonthlyInfo.tsx → src/components/Newsletter/MonthlyInfo/MonthlyInfo.tsx

 import React from 'react'
 import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'
-import { convertStringToEditorState } from '../../utils/editorStateManagment'
+import { convertStringToEditorState } from '../../../utils/editorStateManagment'
+import CustomEditor from '../CustomEditor'
 import ImagePicker from '../ImagePicker/ImagePicker'
-import CustomEditor from '../Newsletter/CustomEditor'
-import { ContentItems } from '../Newsletter/Newsletter'
+import { ContentItems } from '../Newsletter'
 import './monthlyInfo.scss'
 interface MonthlyInfoProps {
   onSave: () => Promise<void>
@@ -30,7 +30,7 @@ const MonthlyInfo: React.FC<MonthlyInfoProps> = ({
   handleChange,
   onDelete,
   imageURL,
-}: MonthlyInfoProps) => {
+}) => {
   return (
     <div className="monthlyInfo">
       <h2>Informations du mois (Optionnel)</h2>

src/components/MonthlyNews/MonthlyNews.tsx → src/components/Newsletter/MonthlyNews/MonthlyNews.tsx

 import React, { ChangeEvent } from 'react'
 import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'
-import { convertStringToEditorState } from '../../utils/editorStateManagment'
-import CustomEditor from '../Newsletter/CustomEditor'
-import { ContentItems } from '../Newsletter/Newsletter'
+import { convertStringToEditorState } from '../../../utils/editorStateManagment'
+import CustomEditor from '../CustomEditor'
+import { ContentItems } from '../Newsletter'
 import './monthlyNews.scss'
 
 interface MonthlyNewsProps {
@@ -23,7 +23,7 @@ const MonthlyNews: React.FC<MonthlyNewsProps> = ({
   content,
   handleChange,
   onDelete,
-}: MonthlyNewsProps) => {
+}) => {
   const handleChangeTitle = (e: ChangeEvent<HTMLInputElement>) => {
     handleChange(e.target.value, 'title')
   }

src/components/Newsletter/Newsletter.tsx

@@ -13,12 +13,12 @@ import { IMonthlyNews } from '../../models/monthlyNews.model'
 import { IPoll } from '../../models/poll.model'
 import { NewsletterService } from '../../services/newsletter.service'
 import Loader from '../Loader/Loader'
-import MailSubject from '../MailSuject/mailSubject'
-import Modal from '../Modal/Modal'
-import MonthlyInfo from '../MonthlyInfo/MonthlyInfo'
-import MonthlyNews from '../MonthlyNews/MonthlyNews'
-import Poll from '../Poll/Poll'
 import DateSelector from './DateSelector/DateSelector'
+import MailSubject from './MailSuject/mailSubject'
+import Modal from './Modal/Modal'
+import MonthlyInfo from './MonthlyInfo/MonthlyInfo'
+import MonthlyNews from './MonthlyNews/MonthlyNews'
+import Poll from './Poll/Poll'
 import './newsletter.scss'
 
 export type ContentItems =

src/components/Poll/Poll.tsx → src/components/Newsletter/Poll/Poll.tsx

 import React, { ChangeEvent } from 'react'
 import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css'
-import { convertStringToEditorState } from '../../utils/editorStateManagment'
-import CustomEditor from '../Newsletter/CustomEditor'
-import { ContentItems } from '../Newsletter/Newsletter'
+import { convertStringToEditorState } from '../../../utils/editorStateManagment'
+import CustomEditor from '../CustomEditor'
+import { ContentItems } from '../Newsletter'
 import './poll.scss'
 
 interface PollProps {