From c9f42e792406f7c5444ba5422b415bd8f761f757 Mon Sep 17 00:00:00 2001 From: Anthony LC Date: Mon, 2 Mar 2026 11:49:21 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=A9=B9(frontend)=20improve=20minor=20ux/u?= =?UTF-8?q?i?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Better logo resolution (x4) - Remove floating bar when printing a doc - Add loader during doc import --- .../apps/e2e/__tests__/app-impress/home.spec.ts | 2 +- .../impress/public/assets/icon-docs-dsfr-v2.png | Bin 0 -> 7389 bytes .../{icon-docs-v2.svg => icon-docs-dsfr-v2.svg} | 0 .../apps/impress/public/assets/icon-docs-v2.png | Bin 1911 -> 0 bytes .../src/features/docs/doc-export/utils_print.ts | 1 + .../docs/docs-grid/components/DocsGrid.tsx | 9 +++++++-- .../docs/docs-grid/components/DocsGridItem.tsx | 8 +++++++- .../features/docs/docs-grid/hooks/useImport.tsx | 4 ++-- 8 files changed, 18 insertions(+), 6 deletions(-) create mode 100644 src/frontend/apps/impress/public/assets/icon-docs-dsfr-v2.png rename src/frontend/apps/impress/public/assets/{icon-docs-v2.svg => icon-docs-dsfr-v2.svg} (100%) delete mode 100644 src/frontend/apps/impress/public/assets/icon-docs-v2.png diff --git a/src/frontend/apps/e2e/__tests__/app-impress/home.spec.ts b/src/frontend/apps/e2e/__tests__/app-impress/home.spec.ts index 95df6a6c..d7c0ed2f 100644 --- a/src/frontend/apps/e2e/__tests__/app-impress/home.spec.ts +++ b/src/frontend/apps/e2e/__tests__/app-impress/home.spec.ts @@ -98,7 +98,7 @@ test.describe('Home page', () => { style: { width: '110px', height: 'auto' }, }, icon: { - src: '/assets/icon-docs-v2.svg', + src: '/assets/icon-docs-dsfr-v2.png', style: { width: '100px', height: 'auto', diff --git a/src/frontend/apps/impress/public/assets/icon-docs-dsfr-v2.png b/src/frontend/apps/impress/public/assets/icon-docs-dsfr-v2.png new file mode 100644 index 0000000000000000000000000000000000000000..34a5d7709d89903be33005b30b9e11bcfb5d582a GIT binary patch literal 7389 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 b`5uVrQ|(hK~#7F?OIK8 z8b=g<-6IsT3OCTONQ|>F-X)bPGdPmV<&C8i7@xrS1VSeeI)Ts$j5moZ#s;+UE+(58 zC5w!2plobOXu9*g?in;-5I+LBoSLsnVrH10>3Of;`@Z)Eq67&NBuJ1T!T$n+mV}(w zbSXt1X}M+&tf+(Ti=s~nF2$7{!iHB4V@fa< zE7P8s+h~@EoB}po652HfHJMLoHeqw2!^0zhbH7T-N7&kXl}^xk+6;FMn~lwbgI(h0fsre~e8SO~4Rf4}=+jS>uCqC>E(U0M=) zN_muE0Fxau1E3HR!oDJ=CiNJ6Qo02O_u)=oDsilp)A^{*{$*Kpnv(x~qOh)r+(vsW zYw;q`Bs$1}HK@4fU%HB$-64u9-B;d0wCj4!Oqznsszct1BlF;!g*syrtn)SVoR?me zJ_Jam`&;3FzEI5W5Qi$cjl&X4U#Q$n6b&Z#&8fa-fRB6B;s=a!6T&m|urj;`r)1%j z3Vnf?-67_oQHSVp_SZ;h)Dlv3w2`@@M2mvfez)Q63?DX8x+0&zJC$&b+fawCZll;5 zb(wEBnt6vP&s_wi)gLlNooTuVMsY&q2$J6fO1&R9&deu8o3mb@F|$KV&epnPKSAOV zm*B=9dgRA*_|5fpSud?QbAj-lJGu2X^_?Q+KK^Ip=Y0=HC~|g9iVGh`3dDB6Jat$j zC)gQfIO7PuURVfgb9p=N=Dow}$FpE3dT!1hh}vBfvGMEQYwt`GwKF?J5mk;F-rgsZ zMhk^``=e^>T+i= z=Hd|atje+d5w^EH(qA3d2#wT9!j@N5 zBP(#Wqo+gTv;=279~!sCd@(Gw;k-;bZ5FIK&XG$~VxBrAg!WDND(YwAV!8rF|HBaWb__ned!AX>;<_-Jw3=#75j8>kQ3WoT0vuI0 z)|*d3YT&gj?~SgGQk0%6$SBq8|Sa z`(umNJW|g|bdAuFmca3RGZec=jbarGv#ue-VVg~&&@m7UNN*G02hH5ef}wE}$x5PX zxkSS`lwWkaWFCZy$PIV>?#nx7$-}^Ag=3C+L)0U1k}}3Kz*-8=x8u0*WUino!TfU6 zC_L@HEMz&OkiA&+KIl?hskvyIiQp0qWuw_aRHe@VHWt!k)yUI}*_HZR6!dvR2lCml zagCFZX2M;c0@b$TblrY}q*GkK41((#)FHd^>v8so?{j*OnyzAsNSjCYR_T1D%FV># z@Z*Vmosy+xMGM3O(&gd)z%e|ev|M#@Ps4LIIvAYW4Z%V|aWtdn^%hdJ2Kn_~Yv+~- z^u?Ufnh6yYy@LRNqxm})1tmnF2ldz=hooFW9g@NIIJ&Y?&5~XQ|b7aJw5h2|RwoX@_eHd`l zq%~8~%R#OiAy{-zZBfc7MR(LV!!tpcmK0|>vSNVMWs2f2Sv!A@QEG9_PU@&kakH|F zS|Y;U&dy`fSh3L7cvLl;oG(P{V_58sI=5qwZ{_YnkVx@Rn;&Bc79?l^i8>2_QH~6w zCClSbS3R=5tc!7UuJ)pcGMxgidBBCH7=EOqZ7*2xdDHF0-IUXe#iR*EQ#v4XBfmaXz1c+ZIQG$_} zn6lD6szal*By?#CMD2Oj@D7RAhx4Ev<#l$3(4yZ;5!|{@Fo3CYbJP*-7l7zo#@~lP z>3~>;&+pdXz5eO_@OTpyBug0g1R5<;Vg3*8U$c~801JP8^w#q-A1LKIv{E3eGQ3#z x%=~dIMNm^D_L5&OCP { const { t } = useTranslation(); const [isDragOver, setIsDragOver] = useState(false); - const { getRootProps, getInputProps, open } = useImport({ + const { + getRootProps, + getInputProps, + open, + isPending: isImportPending, + } = useImport({ onDragOver: (dragOver: boolean) => { setIsDragOver(dragOver); }, @@ -94,7 +99,7 @@ export const DocsGrid = ({ $align="center" className="--docs--doc-grid" > - + + {dateToDisplay} ); diff --git a/src/frontend/apps/impress/src/features/docs/docs-grid/hooks/useImport.tsx b/src/frontend/apps/impress/src/features/docs/docs-grid/hooks/useImport.tsx index 9721f267..4cfabc1d 100644 --- a/src/frontend/apps/impress/src/features/docs/docs-grid/hooks/useImport.tsx +++ b/src/frontend/apps/impress/src/features/docs/docs-grid/hooks/useImport.tsx @@ -110,7 +110,7 @@ export const useImport = ({ onDragOver }: UseImportProps) => { }, noClick: true, }); - const { mutate: importDoc } = useImportDoc(); + const { mutate: importDoc, isPending } = useImportDoc(); - return { getRootProps, getInputProps, open }; + return { getRootProps, getInputProps, open, isPending }; };