diff --git a/src/components/backoffice/cv/CVEditPage/CVEditPage.styles.tsx b/src/components/backoffice/cv/CVEditPage/CVEditPage.styles.tsx index b4f5e299b..e753bf3ed 100644 --- a/src/components/backoffice/cv/CVEditPage/CVEditPage.styles.tsx +++ b/src/components/backoffice/cv/CVEditPage/CVEditPage.styles.tsx @@ -5,4 +5,22 @@ export const StyledCVEditButtonsContainer = styled.div` flex-direction: row; align-items: center; column-gap: 20px; + row-gap: 20px; + flex-wrap: wrap; + &.mobile { + width: 100%; + flex-direction: column; + align-items: flex-start; + margin-top: 20px; + } +`; + +export const StyledCVEditStatusVersion = styled.div``; + +export const StyledCVNav = styled.div` + display: flex; + flex-direction: row; + justify-content: space-between; + margin-bottom: 20px; + flex-wrap: wrap; `; diff --git a/src/components/backoffice/cv/CVEditPage/CVEditPage.tsx b/src/components/backoffice/cv/CVEditPage/CVEditPage.tsx index 0bc8ed529..ed5fe8091 100644 --- a/src/components/backoffice/cv/CVEditPage/CVEditPage.tsx +++ b/src/components/backoffice/cv/CVEditPage/CVEditPage.tsx @@ -6,7 +6,7 @@ import { Api } from 'src/api'; import { CV, User } from 'src/api/types'; import { openModal } from 'src/components/modals/Modal'; import { ModalConfirm } from 'src/components/modals/Modal/ModalGeneric/ModalConfirm'; -import { Button, ButtonIcon, Grid } from 'src/components/utils'; +import { Button, ButtonIcon } from 'src/components/utils'; import { ButtonPost } from 'src/components/utils/Button/ButtonPost'; import { CV_STATUS, SOCKETS } from 'src/constants'; import { GA_TAGS } from 'src/constants/tags'; @@ -15,12 +15,16 @@ import { COACH_USER_ROLES, USER_ROLES, } from 'src/constants/users'; -import { usePrevious } from 'src/hooks/utils'; +import { useIsDesktop, usePrevious } from 'src/hooks/utils'; import { gaEvent } from 'src/lib/gtag'; import { UserContext } from 'src/store/UserProvider'; import { isRoleIncluded } from 'src/utils/Finding'; import { ButtonDownload } from './ButtonDownload'; -import { StyledCVEditButtonsContainer } from './CVEditPage.styles'; +import { + StyledCVEditButtonsContainer, + StyledCVEditStatusVersion, + StyledCVNav, +} from './CVEditPage.styles'; import { CVFicheEdition } from './CVFicheEdition'; import { CVModalPreview } from './CVModalPreview'; import { NoCV } from './NoCV'; @@ -42,6 +46,8 @@ export const CVEditPage = ({ candidateId, cv, setCV }: CVEditPageProps) => { const [previewGenerating, setPreviewGenerating] = useState(false); const [pdfGenerating, setPdfGenerating] = useState(false); + const isDesktop = useIsDesktop(); + const { user } = useContext<{ user: User }>(UserContext); const prevCV = usePrevious(cv); @@ -289,8 +295,8 @@ export const CVEditPage = ({ candidateId, cv, setCV }: CVEditPageProps) => { // affichage du CV return (
- - + +
Statut :{' '} @@ -303,8 +309,8 @@ export const CVEditPage = ({ candidateId, cv, setCV }: CVEditPageProps) => { {cvVersion}
)} -
- + + { text="Publier" /> )} - {user.role === USER_ROLES.ADMIN && ( + {user.role !== USER_ROLES.ADMIN && ( { /> )} -
+ - + + {!disablePicture && ( {imageUploading ? ( @@ -99,6 +99,6 @@ export const CVEditPicture = ({ )} )} - + ); }; diff --git a/src/components/partials/LandingPagePartial.tsx b/src/components/partials/LandingPagePartial.tsx index cdd1dc81e..6fc0f46ff 100644 --- a/src/components/partials/LandingPagePartial.tsx +++ b/src/components/partials/LandingPagePartial.tsx @@ -5,7 +5,7 @@ export const LandingPagePartial = () => { return (