From cd27c5f5c12676a623df802fc9b8a1dad7e3dc34 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment?= <clement@numericite.eu>
Date: Wed, 6 Nov 2024 17:02:37 +0100
Subject: [PATCH] fix: not delivred order state

---
 .../images/dashboard/offer-pdf-pending.png    | Bin 0 -> 16302 bytes
 webapp/src/components/ui/Typewriter.tsx       |  62 ++++
 webapp/src/pages/dashboard/order/[id].tsx     | 271 +++++++++---------
 3 files changed, 200 insertions(+), 133 deletions(-)
 create mode 100644 webapp/public/images/dashboard/offer-pdf-pending.png
 create mode 100644 webapp/src/components/ui/Typewriter.tsx

diff --git a/webapp/public/images/dashboard/offer-pdf-pending.png b/webapp/public/images/dashboard/offer-pdf-pending.png
new file mode 100644
index 0000000000000000000000000000000000000000..eaa54bb5caf20c0b4f87bd5fa4aeaaf08f607b71
GIT binary patch
literal 16302
zcmeIZ`9GBF{|By4#Suy++n~u&86gqITAU18$(V{E2?>M2m?E5PEsU{@lA;<)mXUoK
zYsw5+vSrUQW6z%Ke6M?We;?n!;QQ0(haTd-uIqkXul4y_?k86-qxgBnc)7T^_>Bzz
zHRa;krOw5*)0Jlr_)EeCn-%cmZ#Tmm9$Z{|4?_QTaJ_sb0{*ze!xW{*MQebKfnRnx
zoV#?6iz_Q)@0!hSE-qbtqkqqt5qC`X)_2KuJ{10ixNkiz&X^*o2^+y~-693J?NV0`
zaobfP>bA$op06rQ^c0Iv<hH>@4<1Rf%c~h1x;LGrVm^CPUOoezmiiARY2<!x(rOv4
z6rGBosEpQZENoJzan2$kie)R~t{XS{{70nttNx&>zOS3~d0UrQuDtt;i>u#RakEUU
zblQ5uU8tdLWPa66zVr%%HNV{Dw&d(*skPbZP~QD;V|h{Iu2Elag<7BQJau!`Uv2X?
zebVYt_&|gPxEk)AfO4(JY+mM0(&-+<#UVFoY~r3Htj3@K7Pszx{C85?PEuys$}pqq
z`)19zfe1}#Pb#09-a_@Cp-sdGmZJ>Aa-sT^I4(>-eEHNrmYajmrptq1ebaAtOBL@;
zy2TnQUzYL)yGowycaE8q8E~mpH@zE4nok^X(<#3^Es6>L(!M$G@3(Lum9O`?wcn4*
zQVSuspk=W{o%Lh8#5aqftD=*Q!{4NTVhX|RJ}K4h66+mMX3a=94y2@M)DkFeFg?=D
z%Fy#fZ@0!WkE!rPorf#bzBT(LMa9s~TxkELpi|Q3xLx`MRsyPXt2PH7gjI#R6XzzZ
zH|wXCy!{uwH3~5fyJ6s!ljR+_)y?1dr78g~t^hT`M<LlyS=mZYSx-ss7Pab2FY@!*
ze<=I$yYvL6+G+w=X_<N#YG+0iLpS7rP7(Es@U~+QM6ZUm1?rE;A)8C9lG<bv8(mJq
z**tx+?0!iJe)T^C)rka%BSl&lb9M1oG{%J+6eUI~sj??z<ury<H6LY`Z`gaUl}<k_
z2=vJoaa$Y5lrK9dZVGPFA)>sM63Ue*dZ9x;%|9q(4%HN~=;Pik|51yYS?yrsq7}1J
zJC0wyY<W0d%B7&!e=0W_dK>+%@sZlI)H>DS&`8pVcinE7hXtm#Eo)3INj27OZK1vV
z=WAiSo8qw@sO!5|>($EFU0?tA4(yzsx?U)#_w1U7#`{Li#e|;Erk0|+rLwSgqh*`x
zeUtsAF5?FQ=Z3FXS^2f@;NqH@8tyV{CQxkk4X%APc<mpwIF{3Hh?ewUz--c2mm4=R
z+|w>*m4Y{~`K@;MYFr1eczNoQIw@4RD14}6Pwdza%Fy)Y@3HvaG-H9EEh&#!-L9+t
zec)s_Osy)V_@#8YQ~@n4f|ck#WMExCof7du=*WFl)Oy_8RjEyuKS6hMdGl9)DGZ?w
z>?dBTd~Ia;g9LbscQWo8@-Y4tP8(@n8JViOf}@>g$6QJD>-}m>n)aIcAs_@(+}yEg
z#LdN3fz?oT_Pl9g($F>fEFh^bak|*?JWA{Nv=K#$#hP^;PZi3|iefqFu1*O2?4muA
zrUg%KmO#3OlXtl&YhgUT8p|D7jR^M`b_;9V*XDgmS6mKRJeAXEhMyr2gkb)w1y$u!
zfU3LAM4ADun8_F#j<HNuq79x%(=0X-V$7yS+<*I2UxwS&QP|B{HQv7&;y}T0s#<f=
zRkKLF$3;)WSa1U!U7ShHVqG3BtlO%3`XHR!bxd=$?bGIah?c3>2R*~o-kfy7#JMUy
zX?&sB#2lzOHD8BsxuCPzhOwTu%1fK+((zrL9F9<kBkcwE?v58%)zA?}$cC&Ri@|wo
z3BcbEe6?@!>UPnPv?AG_F}Sa@N2+Q-^QpDjYw=^}zBT&&!O+{w7Z?4?1Ka0pMEq7+
zWqqFDUOnZ9U_n=<gT;#mZ;#%tI3<j~D5q6>?%nd5y)Ztgad>qk^<43w=#X|VyK}(f
zBl<kE(rJ0-0B(&6DY-%GTZ5RtBF5H3sb%S39$T0V>pg=-v6Zu4O0PA}PL4JZb#|W^
z@(!2N{5*ZFrqb!b-|EGRdn6Fx#g}CDNm_x_^lGM%xNJI)zn+MRIX(<{3SM%J+ElrN
z0=uI`%UiQpEmWdvlpX{tiQT8T`QLg9VAvZ`yEi5c{U_2iK7Z`EhhJ*lNSK=G%oVk>
zY!kd`mfuUT@ORRZdh~4Bm~@(bB6E>CvKL8|m$KUMZ34pi{%XkOxSfxoc7Ug+1Eztc
zew@uy`E|^g<T!Bw*{BchxAYxamR|f+`h}Fv%RT<FlZe@yg^I95>l&qBjZ%A&riG^F
zcs?p6UrLu3StzjsXyVzbaRliQF6fO-PjS>=WEClCJ|6yppdwg&{Y$cRX0*0;v^4gL
zJc30KqriHe20(H@7ef*EB9k9ID~f|T9;_`UOTV^mp`Gq4KFaPtybA`HwC_z%%4ytg
z(Z+s5i%X_-;|*UmNBE6)+UeKa**&z=>k4r0_5*HUq1Ky2M=p-ICpnD~HKJ{M`<q&6
zr!xj0w-0xrt1WIdd;g6r4B@<U2j#!&=KalsQ|rsW{niN-qF+lJMU0+CB~Ts&r;`J_
z_j8VW;TYiFpuND``76I09a7^3=Po$X58gvOJFl$XU;(#CurAR1(=&;%W4^@(Z*ThV
z^vntFs9}%Z4fRl%y8`Ovkf4KS4}t!aAcR9z0G`fNj1RmU>*={j!UsEd<sQ)0fjx>S
zxQnSNH)2*Ub8dX)4WGd9m-!2m2(0%qfpU!k!#;0k{!uQsU{>DWT5$_EbC*}NdVnFX
zPx9zSudGWcBMV<~ZfDfmCO$7Or^Gg#JmCRn6jxH)>)FimE6hswoshmBkA4(bgoF*v
znleo=nDqD>B^Q0sg0zeJWHTgSx(Fo6is+A+uMKGYMT?uX47Q;%a(HK0GMUO}Qe2fq
z4n%I9W0s%R%24Vs{O_we`vlg!CaX6THt;h~?oJC>Bg;AFU>bMC@H|%V#6=8K@@FaR
z!x7s{bmKyA+Dls<Hd7ukwyY;`Z|gMkf{(2u*W`>}F(U1~zbq>Ci2PwpbfKF)u4IxW
ztlMdy4?rh!J@Y`$ElgegDj2a^<u0J{qaZD41eVEuy!d`X$q-z_ckKlGEX3!tHbqfX
zO*8k_NkmcV(O|I=K%BDTjcU<J1d?dvWII2P#&g7Z%e5GpTvoP9zYvHTF=tw3V`V~M
z9}vjq#UGOhd;I>t0S@C*KOv_&{z-Zd@4~%Kt!V0+CEv*(W_V{z1ABDeUzh9IM>s0;
zDTPm^mN!D3=vfrSY8J}=;DBdOB4ph@mS14bzT!v@h6WZcr;eu^->8YiFsxLgr3*fr
zVIpuC(S4Facr7W;Epx`>U|zdXz${8^lBF{6rFV`o><=bjLPUr1fJV#}@E{YSA!!Gk
zxBFV{c?=~=fVpD+Rz`l#Q&(p7#KGcek|&Gl8ZET!%{;2xdFHGo=k2dlFr`XmlAoUq
zd{QNd;n}MViNKuoBW))UUd*Prn%ShSWir7qy8v>~5qPjb(W7^-Y9gy57v%0JI${Lz
zTH+iE9n$nk*)Dd)j(}NX>X`fK5?T)~(~Zm2GRfc;2RUnm<IVAPp|GMecHWo*0^Rs7
z=E;cS4LE&OMvugOydSXj76m^u+M`ACZTuvK&?wjYlRb$TP-f_nXla-_F|8FChaAg)
zT(68hyZ2=7%x+;8f%5$1Z7FBVE?ToULk_vJo;W$+eGhZr7g8fGg~Rr?t$&^UMwS-I
zd|t1Ne3wUoIRX2p9NQD2qq<F%xa!UPjIiz-vF1#m-H*{n+=G81ClTgMoxeCM)Xva4
z9=~scvB<XT{Y^`8OFd&Sa#1Dqg4`Wlze9Mfot#w|%^$I*=ES7hXGO*&tww71zT?^-
zuy*v!LG^sSd_Lsh;*Y;f(fHgekTzCaYK1dCW3lNa*Ljh1KcW|ukqyAG`l#5UNFGSR
z3ge1g5JStec~u|&EPB#ij*o2sOKL~s>k86%kX<qmxBB0YU$q@e@RUd6zsw^?uhaEZ
z6Lj<R2p_RB5_^$1x7MIxPMD7cnO|aK%I;q3>}|^s*AnYSUv|ZSShG|&x2#7}<!Cff
z$RiNNn3R=Wdl3S2{C>A9Ci^{B#ubAU!pCGNy(UvR-h#{Ok|;jR!hEGh`|F24BP{xZ
z%hg4b2>3~)RgGY|lSqEsJRP_MssxAoR%mQxBx%BDoGiVY|Nhb_@aDV3M=*GHzf3`W
z3j6L8j>@Vjsd;*e`Gs*u#KIXX1PcBbBTFc|cLSNTuAoOU;IM<J>>&hW*--Brpo*|V
zGS51=#jC!}$|xg$q?5z@oan|D9L*^CsL^AX=>bQTY-ZTw0eBb_=#ya=T63uRY1W%+
zx<`C$y&3pgdhJRatg7q)yS2YbgDt|1&?Bw>!(nQD+YW=?;?n|}#p|<$9J9^(I@EfR
z<j(UBJG8OID`7jP3AeZrpLB?V1H5Gt;na=Ra}%rzn|Ht`9gzu!4wL2_)*I&Fda<1m
zQebCyz6dMR$RK7AC@_3Xj(Tn1F?ONU7GZ6sKE@ircbq6lYgI-nIAWgkdEGmPvexdq
zNb=dDigvPom|4j<brWuZ!`#@4GY^FwT%8^KuPo6bq=I47mpF=rO&M`*J%{QoJCKIN
zDMd^3@7HdlHBVc6_n8MPAdo-fIXtH;3**B6B9HNQ5?zb)kFiGy^Xi{VKgc2Tqx(K$
zhjg}d@PY?gd?C*k=v@eGB!fIjhk0_;?`P=NA=mbaWn>Orwebu7wGrLBGKsKhsJ7qi
zoHu6<6DXc1*~ER|exqCgJ{XJ#d(p9~hDbM#)hEra+6JORAJS{Hj7daSU>VBa(Aj#V
zg5w;P;gXL~t>BuvRMu}m-DZ*8oe%TskCw?)%{7Hd#I*j_EiHJ@L>)q$tY;T`(v2<Q
z^v;KWN;s-B)g26THRO2wgYR7sSPW_8MCNn3JKugpvj524nTP|y6M+hXxpEFVt6U97
zy)18vxOsgTp=~OJ(h$Z!na3~%=%3h2yq&*&ig8*!Dxok4)L3nK*kMYg0gpt;TfU>!
z;5a0RG3*l<W~_%UzW;3$Yk|YLyS2^zO-B-^y(`ZnhDRqPDMtg;%cG?E<$)|tXZ$p5
zY^TjV;ApJM2i*CO7G}+SB+L6*bd8r^v&y1aJp@Wwp?&Z#3qc5Yd{4@bvc(CYXk8*t
zZIT|Iar1PMLGh^$=B(DZ-n@r-0uP-;WEyd9oHK0Bj2&5=E;g$Xbd3jLFwn5k8ZMru
z-hhQ$nB(ta?(=grPErqBWD+7N>&bLE+G0#P<on8^Mz9M#xNJ*-&HmJ2f71K&XNx>n
zjek8KlqGaW?hH385~R7PK2In2{=$5hw18{A?ljpWsYjaFvWXK51j<-G#m3*yo8T|M
zTLLV+q>Q}mf~je5>Dd>Ea^=9CimDV$wL(u@GFiH`F++9?*_&EP1twiWmVVeyJe5jj
ziEUAMx%5VIj2?NvWzshmuvDFZ>*aa`x;DC|$%_?`oat9UW|?lU)Q+~*3Q*a%^ePR+
zeecyGF@O^Wm#@JY&Agp!SUu7L=PFw1*-xcIVevIZg9p*{TDKR^vyQQOgy8Pszg`Lf
z^>f;CG-C7rq009vG=Fb=5c~_M^oW4uWU=G3T6Ol)k_ppYf#d7<xj4ofYxgVf5e~g_
z2}F%vT6P&$W|Nlv)j)=^1<AC+i)HL+@2G`7i;EWyXYD&><#dd36+7*MDGK0N&xfn#
z=fgrt1}u1zY^$L-M!?%^LZ4*wJH4sRgkDQLhFX58M{3z3{k0i9E7yPkK;G;aB@orZ
z+vzBTDp3{2C-uc8DzeotbByBJjh8hby(af!qlL1c*Rwl*CHjCEyu3E$c9Q*K%erJK
z6fwJw$W+<OndEwamR{7jJ8{^UaPwuUpw%~4KT!Kae(4|Ck3r}~ddSN$%$X$rG&1!V
z$2uM5T}(s^vc8a|(XMs%?CY9D75>xO{=v@eZBBQpydMI%Ww=Fi-UHyreQpy?F!)~$
zo)aL2R0hB_Zknll)(rnI=bat#X@iE0?xV>s^3!%b$6=l<0@PB|XA}HOi^FEm`ANjs
z0`Sm8c^szG`9~0J*7sG7((59n*ENx88sn3Q#-FsK5M2SK+1O-0WxelLU2n$4*9bOd
z0JVSgtjsz`Pc<0Ex)<$0V{;(cSv$w2(cFi2>Ort`329k=Gk2}vKIu`mVt|#iza|kJ
zy42q}8yQhxLq*w9(m$j1Nf+$#d{y@C<9I6>)JpjBa-$fYqb#=!kau!v{U<URu`%vU
z!Ji-EV9)c?UWsYl41o=SKscKd4BI|X;7si@OzA3*f3i7cNoTj@Lu*|p7kX_M*%p?f
zb&Uz<Ttb?}FDb9~D(UJwOL%;$db9Q{vcL*%VKtqox<!3OTz)rx>g!ds=a>F>>Fkd6
zhbe=FcV_P1g!|x_kp*cnaE5X^SqSnP6{4{SWbF-!S@rsfj@KW%%zlKzMjF{7i&Zgj
z)XXSli?Hi9j=|2_F)I7kUWLFW^3#AHX!0(4YP<L>Ar*Tb(kd?D6W!MyX^b+b8F0n~
z4l_n~|E?q%vclZv)pgn6gI-LNK4oDD+XAgq*Cyun(4zE6OAp7qb#BXWVg(n?j23li
z+?cf9d7EB4b+15&t?m%~Yi;553^A9?am8Gi)Dc&ZD~jZ!?HFz%T4K7<jhXQ^?lruf
zuy;w*KDh)Tj#60Klps`HuGY*e)~?QlP$nGk>8_ZMp>K4|>6{dji>4xsZ$(SYS|(Hi
zJ!ukJ?90a5rO-Yo`lN3k(Q_6_RLQ(o-)@RV@tv7Nv};96b4!CD4veC=bYi@cdY|I5
z3g4m}my*tYk@kzH_G$S3%P}L>X%4`p(mO2=;MrG`7q)3vQz_8M7tm}j8oY)9m`Rb%
zY?Sb4eD~cJtaw^gSkY4w{#otR^g!1nLaF0%-~E&9QTo_QM|#^fCyBdTG7!tY^45|V
z{1-~jgdS-=KkYYGK%*KBGjiId#;V5BqSo{bN}Y6$0YIYy@awJtjvu#Wm3bF;jIs8x
zMJT%yz#DhEv3E59E=;ABA0hTzD%($yi2o|c7Rs(_BHK=a2p3m0b6W>!Qti6y1%^v*
z8b`7F!|Un?Pju_u4#?^)PYi)Q2Wb_TbdS$v85BlKx6fyKTYZSqAMv)dr_v`H8LJ}*
zWbxp}d^d2tAOj`z>HKXrh1^zKaShdHwmr4kubnYZ@Lw4(2^0~0x~P^|VyE#ohrCVA
zo&G^y9bK$E@7+Pe#}g<FJ|xGH%#f<(WgmK#Y4S<-CYFNy;3b)=>x<gE&5)laH!79<
zU&$c{mqqYFx=J0y3}aGRAz|}>&znGM{UF#`OEQzpZ<YPHw`lUuOJfoMH7yG+3*ChB
zHJY9PN3nXIJdk7%tAL2+?zvm9{j&EkVrGFToNLOq`u{9JX(X6?p4=yimBPQu(aSGM
z&?l+<#g_cvib(gA@AbK<JsJ=y_;cK^5hTOG(<@7}>;LbH>`OAc#q2(rlwI*anljx%
zPH~|NJ$I4RUy9hevYSKf&hY&zVcq6)4gg5R#U-nOd@yxl9s57|Tuw&9J|2}07PE1x
z-5@FOOJ3?m<7H3+C<P}B()$>r)hB4nzzc1?n1WwK#k<E>1`e)*ETJ$7D-$G>WjEAA
zrb?1m^0(PEWhshp9cgyQc1DJftDSAH->4A`d?u3g>K>+M{_OYw)m3y$f!>%Dxg<*g
z&o8D`ObB-7QN6vu_-IV}M<+)TzjAo{G_kAuBwuS{_DIOGACJ(h9y;lhh#RlS)IRG*
zIBMfkrquRXHVd^KMP%t-eEmgI3!Jf<zomX};19F7^V5f!9%><9$yAVU?tI)$BTp7v
z)<pW-t~Fe*nVn@#Y~S$ib)<8yuXUoL9LVnAC`-6_LE3NS_F7}o1G=%=%2a#Gw&$-J
zUlvb3<w^xBK0g6(<v*(JPp`Ev&l<W;H|9nDv_H0G@M32`mHJ{AX6{YXA%(hNSdrJz
z+9cxRBpW0FV+(Vd|1T%phuoUpfRa;hZWPb~PnCzmV4WSk_G27uY^A6AIY6Qu?|;`)
z0v8rYvaxS524GkFImpZ_&#%=L!BOp$bD(0grG8og#irE4(;5Pm=gWo;ccb$i%<v~O
z$d~4kw0+x_a5nZ4$<eEt80@T??u;=CL|qAn4Xt#*oRg-@2*K$Ptl&!c7l;0P;PaoW
zrIC81+)FY+(n_BSz39e$LvN&a%d(2#&&{_z!47$TiAy7<qgO)!=F^I{bzurNCh{W3
zRbR|rQ*gm>uxG_zX@R8cXR;))-&~FY9LADAIT8YMuSW4{q^41gNi*rQp!`7p5wdkt
z;#FkD=<$&WpV~<Ts4^KQ#+keCVt~33obfVld&w<3W>&7TYUY#hL?bu~8EyMe2Gv2!
z?riK(|3Nz~pf`SYxW{;#C54AXTE)#{^&>>^Nvy8rK-9In_<P3~xlz)a@8`GeN$ZJ5
z-RMa3Gu-H0NT(kp1_G!l0bKL5ziDj2@;+W;+X+RVNK<*V%<_}6OqvHd8;I0Fx9(tN
zP-AA>KIpjVJ`s6}&_Q@%3Mf<M(H2tMJ-X2Ot9d!#&a-hN+uGUxcUv25%yO0n3UURV
zv;%?9mLx!l;&-p@hb}b7WmVke8Y3DoKpp15)DyHQfTNci*`tg8;}z0quZ#ba_s0im
zwfOT4fb=BrmZzgxC6&~cThiL)0$b9q_~O}8i<e=5BzF+hBz;SwY(=ovyxXe4HhpZ;
zICKIeQvprOaWD`pK>1MDBLl#rpR_3d3){Geix7L$Y<&K!#MhOM-q*b=#-vYrgd7W9
zpA7&Zox(U8(;-`s(n<k0qKz9aCXYvq%{TPXq7uB*qo{ny>dFgCmpEE{t7%T7^DU1Y
zFf5qHt8%PNUfP#WEPxi>nOh}`fG2+M|FPAGmab=YV0-(b14$S1(}JFoMLb^}#DAIQ
zFX!YaTrjk&nXHBW-1ny5IBcPkq+ziFn<w#p&FRZQu$FBlxn&}1Unenwru7ay)Fyhm
z(2ZB>W`(kcyyGh&NCH#B<e3PF*Dvy6CEJuFwZx{nA#gah_K_@|@uHU(Dxd_kn7&ae
zz{->-3P^^JC??jpYe0~ebCv#+7hHg$8fz1OcX7g`md=kY9LZ%~LlJEmptj^?7ez_m
z)Qy%7fqj%nE<3y}G`D<>x)cY`B%j+u)u&R~kK1V=S+_7B-gev-_q>v;Ex!vkD(0o#
z0YzMn4RHy7R7;J~M=?fPihz(3hTNZR;}AE>*r%qGuGX@B-qbg&!~di1wwIGJwk>kH
z2-Kq8T=_KkL_zPC3+LQboUN%z$I6(y2Q5w%q$M>5`E03MTWm<!`!lrV1YhkskOFzG
z-m)bktq$Uo=1VyeE-cmZv3-#qTc06^WHSQ|72|6-fRhXNo=-KFmTXM&y<nX|!s<qE
zA+a7a?OUD-zaIbh^(vqEWZJ~UwyC*!TmYqCAk=~(0_E4*Hufob>G&q{%crBeh1<6+
zBmkr4f{ruC@3NC&fZS?}=jgV9YGTJ-HDtpg(4H-9SyHUgdc7=@p7OunpCpGPKpl$Z
z&U5<xBm$JHp=J;lQQB@dqj}c8rP23&Uum`OY=ZAkKB&CcAD;X)yhte9(Zw0(h_sZ*
zgX$++Jc+k>StF<%F>o~_>ypnc)`w%t$mVUf&nOJ5eyDr>tXZscdE3*>(1t@Iew;(;
z=<*}=mbRGl6Wg15I-#;@IxyU(opf4w%WVeGujVHw{fKr$VBCMx^FF!rj1hy=&tw5=
zDzJvi>i9yF#(_}*r`xRAsp;OW@~s<&RL?#UF)tqywiB%5f6*}dcn5=^dDjHe=BaBE
zcUw&t40tuRD90KrBOm3OB;(MX&Vv^P<e|<`1y)W!Jh_sJ;HdVoR=}d7B}6}X!u67z
zsyeKi%E4^`?^|6E18p4Myb--Hug*E~Y;-NZ97hOmjO=!Yib7o!@V9Mld_QSn2L2Eb
zx^?T9$NRx=T>tmu|5)&UTJV2{@PEFb|Nkcz6o`hr-Rlp%>}K*KDC*t)3Gcu96^anK
z_slBcY|bN<?srE=IsZG&tG-eujD!APAJ_Ztz$4Px4$k6RDtA=YOtv=K3%eyf4L<_X
z1Rt<2z$d>G7mB0zURH>ythN*fQxjYjrAy?eXNGt3Q8-~?uTD_UJ3b_-zTa@<TR%hw
zn3A!&{j4gUY+V;DGN4|%^~%Lz{Ux~&v5`D#5@KJsIp^@K8u)qNORmp9KRe{iSCtQK
zF654%4T*UhKXEp0pXP&ZG_;QH#-na}RWO3}6_lAf2$bIl&eeXlgr4r`a8_OYezbx8
z!U7&|@3w1b#su22IQO>a<!SAy<MMJ~%3+VxBTnou^?fXQzVr40l7|fA)bG%FFP^B@
zx1panfZ>AF+|!Oj_#oCNxLptJKu{cPz>HU8*xs$R9URDI)g21E+zLnC_$Vlcj8#pq
z%gf+FLT@UVvnkn;%!e$dfof!$4QtsA0c%7%$515nIPc7J39;#>q}|rP8~LNEnl+h%
zkS-&HqO%dI96Ix#*i@^td16V|f>C_Pkfy3w9f-#>FA4I9?#T<ySx*Ab=M-b@{PV@M
zUhWL5w=a5Ni<^gr{3<eF_HLl26cdPgu9_Y*od*F5u1p)1JHJcFwxCQ2)6kH*RTm6R
z19271y-kP&cvd8n9G(a=Y7yg`+#+_*o{~8%&)esre>O9NeZs*r=0DUjc8hXzouE$9
z`1;?UkrbHCYOQ@voTygUB<<_d@MXor94#uCgVP@O)>&x@;n{~NIGbarmAb;4ptrqo
z61=m*PA6yvo*(IKj>ZQC9HoUw6oax_&x6yysz}R4;$tNQA+V}nEc7ttDro&T1j8N*
zPm6}alwNfZvffFrJ!$_|Nu4dj<sLf>t@}aHH_)dToP6_QFY@-|ECRh26zj8JR(*#A
z-hWt!Eh^?{Up=IZG``S{Cgr97n%WPI=5WbL+%yAinkA2#i==CEcf1`!ah}#MS&_WR
z+)vQ+=jypBNvEVG6hXq(;EbtJM&2GWuo8{$M$f$$l9vN3Dw1`4XTLi1D*DZ~onSMO
zRc9s<An)*EDz*QN8uo$?c{Nd`yTtAPNfYE(?&leQhL+~yU|IZjmNi-QG(-cK&RL#M
z<sdN+Umkz?U>MxuG2?k7n`g&)UZeNQNYL|Nt_@$21V;sQg?fSn+pghi1G_L6oBS$M
z2~%T2BWwE>^JoW&L-Z&~)vDPsBU9BL9U@v<)kIo-=tcu(*m|g$GU2}<dWL;du7Eb~
zlXG7{?QmAvM&cLf5P?*pkFn?>8p4tK^*Ng<wk1>067-rg5h}w4X}jzMQFW*AToB^?
z#I9-%1}&F@7)wyHngA0p&C8D8Bg?uuLc29ymGx}I8B^p7id|9Egc`ww(nI!J2EnfS
zD1JFF4Qx}brNFZEsJdouL5N6vGMH5{75GPpBb4KRk@~MQ1#^P)KuH3F-=)Mjk?BSC
z%3-KxLgY8H(gUPHpZk$T9otY|7Bm!MDPo`b!IL9M&3>NC{F0@h)f^=3_?`i7Q0@Tg
zyAl>~$Z#56&=rC(ajlnKXa%6q-Iqa9P&N7h+h$V*8I4wE+YS`quE*=6UNR_WWux|C
zeNxA}1Nz~>#zgRs1rs|PL07d8GK)smy8vk*&s<eiBajO8H)(~byac-EWzh37DnczM
z5Vh*pQT``qQkEmx{vu15+pZ5_{zHxE=|?w4d^fB@J>L_-3%QB@`<6m(yGB4k(pjO8
zb|At-29^F}^eM~z*;5-Tcs}Dx6HtEynw+fJp>FhWD0vu+F<lw{%>N%WvZ9qAzYA6g
z1`HgJp(dk@Ny$Rlq4Z!eXrBu1u-h(17y4a$Tuo#sse1YVWSJEnMUEAMb)Xgm?O_ao
zIUqGmO=LoOZ$rU{7{;T0U=2}AZJ+uha8yz4ZICX@?m9FtcZcQ8-Y*>@JM0b}LiM2p
zNUNVAdiH__kKxIJG(P=u^$6+L7Z&$&?vzz>vqG@sCwO>|kKWj>jGP;e^&>3ZeISH~
zw%Zchz;;lx2Tgo)e`nQooeIzb0NsNJemvTrOCqu#P<^2^RkA9L8&(M#_@LvnvJQ)A
z=|(>i34!`WF2J|VkANis=A}jzf+vGvl}?~LsDEi<b;abn35EzBak<>j0k1KyiQE%G
z>!z88z@YZz^)I#Io>%VUZq{=G+{h)MZ(jPOL1)n4jxTrhw(I+Bng9v8Yi4){%IzM#
zwpb{;63;XNN%Fi>orpk=Ms2v9YC2eP*5ap3KTj=LI+zdiE1kfQ0ATBcoh@0guYJH^
zrG#TlT{Ae2UdeXw%v}%r2Accok@-0%`6c;BzU{BFgd)M+7Wy7or6t`s70gv3+Jj)M
zBC#U8^pKd{3lofU${<)0pjzU?(O$9n;0s{b;wGqrP0G^gtF!i$s%v#DXvwjj^IM!q
z4n$QssK)y>)1vazVnFNdCNVq*w3ML>_mtEBR(}M%UAur}hK1QUfug~FajlVkmBWt3
z5!y~t|0~e(YhZWiI(nCa8smIur@2rd3T*D*=*4akLCV~VtkySVg^|oCO0++ZMH#ug
z{|Z40+4G#vr~as2TuZ~;74xL=0!3op0$rV<03KEN(7PeA&x~g1kyMB(+$X@`A-?0S
z9VF_hdMpq%5)5JBFtSz8fI~upfj&7*ZMDw>4w`Utn9}LziM7WEwUg!3dugVP13Yje
z(0c*dFowCut1ZMB;$`8!OS@p_MDa-%-%4sdxG%%-oVi=1r@H4v%Y6uwR6M+Uj3ct$
z;^%1N9g?Z?_b$Lu>E9nu13!kBt2@>8&Xg8;$@x0CZop!b8MtmY)PDkg9Zv4RfkA@{
z{yavYB55RgD=AeV2Xfr~>t}@Bc6m%9&hbLjf7E|E<_`Q`(!|)AT}R<FoLEz_diOM-
z9=xO99oS4Vfl`!8+K+=Jm<Ao;AP}N>J<tI#FHDw80_+F6`Xd??!x|$%vuFP<@D?KW
z5@ZW;FeTeUd%CeZ;Q-!~zWBCQ-wE<wC7Hv2k#5Pd4SxtoY72p>8nb-t%O(?Ui7qG~
z?|0Gq7pMl%IhqURNl5Pk9{p?T*C`2|o2I>xQe;ls>?GZCoVnXc!{28%P3u^P!W@SU
zuo+7Hdb=Q$FmqE90h}xF-D=UcI37pc)Inxr7ikX#3J94a1CY{y!LWK6IO;(?=(GAd
z2i6RrRt~c7MVym?)S~23C{PPqIEr~#VK1`zY!m1w@gVcN{eJ(_s7R4R@*M$65YT<U
z11LzI-k;)0Fvv*(#hB15=yL`)>N$WlU_#roLhw~8yYLR!d~9yLg+QsIygOs3z}(Mq
zZ7y2AKwfEV9tNEKLQ1Qvyhr(>9%**wJBtE)n5Z9dddAR<<GvOWjzUU6g@uB;HmG>I
z4_A*7D1*-E8o_RxVYQDPpP+jc%&KrK*DlrsbgdfMCmPJV(Z+UPLvBEt<R*Rv_-#9;
z;OSt{r)uCwRx2Yz-YPbDN5{c_Fu?wbg#-n_GcZ*G#?yF=^yuGu`kQ8RhTCg6e*f0%
z4}c@daj@m3Ib#x@d>1rH3i9h3dkx<j6e~cmJYZhi1-R<Gv@kgh5U~t1K?mCoXTmMX
z_)!bdH=m%<&jZwUa5(y#1OCflO4+k>s1hqM_v4`+mHmiXwg)V#^H~8b1(Sg6y}*gj
zYl9Asg^9p)akf{oGX?;7{WA>Hp^$r!>8M|-$SOF5Pja@wf|&siW1WO<TDE0|35LJ}
zeI#)!A%N<3nO;lq0aJp-pmONqNgbeiP+*+s3&sXakU(-PWa`h{(;&X~g|5E0xB>PB
zL<QJZPlUj}cE*8u#nu$-`E~Huv*2a@uRz-nOvr;e;7!v(r<Gr8#?Xed74EG_z)~qK
zu`tj9)aa~trW+%v(ml^_q6wI%V7v#ScE8)J+(Y;~PIAcXG3Rhl)33XY>$tm&9Dr{9
z?@p3(Iu<VO;F#p}0mBUWbQFyT)x27t!6NrUo23(A36FY%Ilxjxr2;+G*H?gQ2e};$
z`UhaA?rVBWO8koB{Bj8B+C=-EBq8AAcZ*lb?}-3on?nFBwn1QP=GQKmoIKc=KCn_r
z#e!b#lPbdzFpQdTb(bV3@DmMolJ>r8q2ZT#JKbQJjlr;*9xhW3g^k7)?r*_pWWjZ~
zMLrGm+AS|!ShivUYphT{;AUw<i;{jKFVk*@k7>M#!^FjZ<Dj?xP9AmI?_w~ttELuB
zjY(A>T;x%Kh`hX$Bo4Z0VoAoNT)lh(0JJvDHnG{b`8IK{y%74*LhN9KgE09qN;>FJ
zdoWZTSJFc2_^S9r{E~bgzzT`gBOUtJQW)>q3lO9Gk`e_Jq9NnwY^?{qtEbY}rGRTO
z0RyId3hx6^fkpgsdm?};&ZO*uWkMdnDL*Z2#PMP`y7v2R+D$5-W)Ng5T1R&<<ZkdH
zP4m722-EC@!+?Q^&N;WH2d|-Q0L(lx<TQTJ4v-Xq!u6J429cIb1(&{tvw+<2kH6Ke
zI<r8NB^1Ue0LEZ2Y+-H&;fNV99pcIf-oNSylowd`z3{m+g3y!i8ao)`$m5U~5JQ{}
zX@i5L?(2iD<w>aiIdcMR8@<j1umE?=4l@4x6xjWl(ZVQOt>@JAj+8VA!@N1alcYv)
z4t90}>OSjUinUYdIpKH>5cI}wC&~L0FcjYb&=?1p0?cr(bZB&N9Q}82S50KTp6c*k
zFoCoG@|V?Btl@z!Y;7DYRCBc@N1emc+<z-(NhHwp*nb<#G-+r_iMS?%62-NmVH|w*
z9SBR)f)}aR;AX^()S-7K)rQ-c)kFeYe+Uo+seS?w7~mt_U-%aQctBe7`lOBhVP9B&
z{w1RPlJ)aCq)-u#mE1hiUw9Bgo~NU29qGm|YfMHCFKj0-xq21uC@X)u@dGPuqRP*l
zPTfL*GsF21%&yQDbnA%&4XY3v<<-s$dZg>gf{Eq5xP5SxcD()>$fGY_tZ)wnaGU?!
zzkSx%YLq+|E|OxfUmO_o3;UbL?4iW0aNkanrdN6t>x?}<rW<{Gwf1)rr|4XW0T1%Q
zTp7qP2w;?&4|$s;*#0e6NF0=uIbnS2NdT)sqML?azesX>g<-xYOXq!#NwW_u;uUbZ
z1B6h>y_2-(6_{WY;LgZ!!2lTk2n-Zroa*YwA>J$=>A(BsBM7AXBrj!xQ1VGHUqG$)
z2$fHTlP8s^?Lg^U*#<i=)!DargB&SDpTe{}ABuoH%g^Wls?rC0e7XxpmOE4d_}}&x
z(ug}JhvB>yBx!d0-Ip(t27l?vFq*$NojxfD<t{U^yI|oOZNS_wlCr><KnAVrMAbex
z#4XqJ6-}S6b)!FD3<o0vWLpiQ%Ik>6X;c;J+c-bRA-Eb<G!=rh>ao1c1b2i&23a1Y
zne(jpL-<xsNu*z%M_sZ48Hmbs#2AS~z^(W;NUtJk^{>GT0xS-=X*~vCW6THn`rZfe
zMz*=X8H_QVY(61}to6#aD}0*@Ky5(#(SG6);N(KX3Fr5_->27l>Kh9n$75sWbU3zA
zvU>+35P2q=H3w=b8WLJJ8wMY@iR&wUpbA5fdS-kVY~Lv8U7sR)f|*Og=1bB@H+uXO
zYi1Yc5}Ae-vu_%1z<s^}Kgru!bvzZczf^_6&O-hjjK6?No92`Egf<`@=(PjRd3yP;
zz6n~~1`#&}3V8kI;B=e<+Yk){ZqY|wQyia^9}BZjI;&p@IY#-v)e|bfV38*l=xeYT
zT@F1|-BV#=12GtUrlIu&_*1w?Aq{KicML_G`Yip-2W;zqu#<E=yOkCtr$KvNqXZ3Q
zAJs4Trzh0~f*elZ%!>dnPDO$WkMlrr9BdsoWx!(u;wr)WH&zX2)4BeTM>Td&6co~x
zz)@x)u=^c%Q{VGo@)f5Q_afh?-I@@}W~D|HKah68f)@sy*#)~Y-pbo~^@;lpW~3DZ
z%;+qQ3NSq22D}Ejsesr|u>q_n67e;WKT1G9zWH7UKtp_rcxL41{pTQe488>+;xiB8
zL1L9emd0JLQPwbRGbp>lfl?y}-9CxnV*uJ1csYq!%{fmu-XBPstqXTdQIar&z~Gr3
z+?t@d_9z!S1ag<L8(>&iTN6XLIGtGlr7ab(9o*ai^`;IN;-Fc(K$M4%aS7q%7m<Qu
z=<$nyz(_E=*#s~zYZ(T_s6K70Zbtk9vxV97sDTyNkM`dJbv^rH1FPgHX#t5zgXxJ>
zQg-lpsAhQ9sG>6cG@Iv!9<Q<~&8;5#?&X(yYln7eN6Kk)oIS*#(nMbM>z*L0tCxXK
zV2ZIrGasoI=HTSB6_tN~*b@-~A_;Jwrp~Iets({#n9|aV_?jl+3A;Rqd*sr!eM{E7
z>gr>F$6y8@9`o4AVRewGd;=~H=FzaFN*OyLxg%Ztj`sJTETFMds-9c}*lD4<M+xk2
zbjlIk(5tBIj0M?IAWG31-t7gZjGE`K$$eYe_+82g-3e{qbpQ5WSsv*_S5|6($F-Hz
zkG*#q05GYAC)vrM*4FZQbc>CE_soM5nEv}EYnn612hbIj_kd3}Wi~B36{P*6kHO$U
z1{Qk7>@U<e3@4Fkq)r!XDwXi67cxyjrRpN7!#-QHD^yV5U1yKjs^(%Q3q+J6q93ks
zv?m0rgGpN4yYe?<r+@+o(AFDsX~CL!rXZ#~R!Fo8{`>KN=WnzrCDa3mx~vQ)+9e2_
ze32-ixT(69Q#IS~f8Qf{bED6{Y%fwTWxvI>m4_AIrARGe9V=Igtu~&VGgxU60%J9K
zy-gRt85=<WWTp^&*SgPdMsxF2DW<Zr?Y0c6Jd-UVATL)WFOy5-%TY#}b{o6D7auvm
zBE%5o>${md4A*)Lo&nvf0D}=~glV*!o1FjhbAPlMz7Fl=Y{1C+Ozqx%u;poZ{pdro
z?(;6Q!Nm}dkMif^p*^g$G_{>Vu%5cU&DHX9pY<U{T`xy_gP4#Y68E#}cC85M+NytB
zR#mQhdJ~vA>R`I*Rny<95NG-bnrrS4aV?en!DR5M?$X8v_Gjz?3(W0RW00S*Jat^J
z-$0yvspElXocfsySul&ZT<|mT;qs8T|II{UH#ZL@_L6h1j;hr2bByoc!(VP;Fwv^_
z)YDQ|*`JWU2EmtzfuTg=<{xnURAK{GIWQ12pOd)mwfN22ue3YH6lW%@mJ$>u?-}#O
zDZX=3cGg#|_^<_L&Y83%R<71KCXyKe^y7`A?(*7v-!d!tnZ4W0y^WcD{+WB>Uo!m`
z9CJ-%8XGz;l}^?ci6cvxbC%(=e`0!He|1`Mj_dpzGPthAx#<e<N$zI3zuzxOc|=L7
z?phV}S@ZoDHDJ2P?7fF-$i0fY0_X9X#t+I>`t;8o09Td1zwG_f-}i5|jiqmjtJX03
zmEGK#3PG^9<UvgN%EF-bea+fWed*bn7G}3D7Gx(iQYLJ^wW}29Ly7#^_|IpXlH<gI
zFL50V)m@`2`fpB8wS34-ldCF2+sOvK$WQ*Vnnn+K0Gjt_0F6_9-*j1i#hrYc<MWN>
ztI;01)bqh=^HowCufgY@WojB2@0hy0lrXgqe98j`sU44}gGIr%N#1zV{O-+7DgQs6
z%L4{)9tEl`aQn}A6Lx(0a0Pr_i+pD2a>7otc5U7LmSfT3d|?RQseIVnSH3>^r?G5p
zj;=eYaHPM#etl!wzi6*a*~UuzRMe@XyCps@B=PCYxeFKsK_GT<Y^cwzoVdK&hbt(b
zANdgS803Kc*tMV24~zCnf?ckE99B{_SZi00W<CuUlJa_Evj?!D;vvs})!%d*HwK6L
z95=mk#{9DFtE*+#zv*w<aZj@qH|H|xu7H%OCC$F&hAFR{&R=~W=w;Vnp%b$`O9>BN
z)p?I+ifKckw;+4@tNr}smGbpJKDwp(#;g~c+zwfhL~_Q|2q2Kl==|k>X?nLF{Xc13
B2u}b2

literal 0
HcmV?d00001

diff --git a/webapp/src/components/ui/Typewriter.tsx b/webapp/src/components/ui/Typewriter.tsx
new file mode 100644
index 00000000..0fb77c68
--- /dev/null
+++ b/webapp/src/components/ui/Typewriter.tsx
@@ -0,0 +1,62 @@
+import { motion, Variants } from "framer-motion";
+import { HTMLMotionProps } from "framer-motion";
+import React, { useState } from "react";
+import { useInterval } from "usehooks-ts";
+
+export const sentenceVariants: Variants = {
+  hidden: {
+    opacity: 0,
+  },
+  visible: {
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.5,
+      // duration: 1,
+      repeat: Infinity,
+      repeatType: "reverse",
+      repeatDelay: 2,
+    },
+  },
+};
+
+export const letterVariants: Variants = {
+  hidden: {
+    opacity: 0,
+  },
+  visible: {
+    opacity: 1,
+    transition: {
+      opacity: {
+        duration: 0,
+      },
+    },
+  },
+};
+
+interface TypewriterProps extends Omit<HTMLMotionProps<"p">, "children"> {
+  text: string;
+}
+
+export const Typewriter: React.FC<TypewriterProps> = ({ text, ...rest }) => {
+  const [count, setCount] = useState(0);
+
+  useInterval(() => {
+    setCount(count + 1);
+  }, 2000);
+
+  return (
+    <motion.span
+      key={count}
+      variants={sentenceVariants}
+      initial="hidden"
+      animate="visible"
+      {...rest}
+    >
+      {text.split("").map((char, i) => (
+        <motion.span key={`${char}-${i}`} variants={letterVariants}>
+          {char}
+        </motion.span>
+      ))}
+    </motion.span>
+  );
+};
diff --git a/webapp/src/pages/dashboard/order/[id].tsx b/webapp/src/pages/dashboard/order/[id].tsx
index e6def602..d231fdaa 100644
--- a/webapp/src/pages/dashboard/order/[id].tsx
+++ b/webapp/src/pages/dashboard/order/[id].tsx
@@ -10,12 +10,19 @@ import {
 } from "@chakra-ui/react";
 import { useRouter } from "next/router";
 import { useEffect, useMemo, useState } from "react";
-import { HiEye, HiMinus, HiPlus } from "react-icons/hi2";
+import {
+  HiCheckCircle,
+  HiClock,
+  HiEye,
+  HiMinus,
+  HiPlus,
+} from "react-icons/hi2";
 import { MdOutlineFileDownload } from "react-icons/md";
 import { BarcodeIcon } from "~/components/icons/barcode";
 import LoadingLoader from "~/components/LoadingLoader";
 import BackButton from "~/components/ui/BackButton";
 import Image from "~/components/ui/Image";
+import { Typewriter } from "~/components/ui/Typewriter";
 import { api } from "~/utils/api";
 import { formatDateToDDMMYYYY } from "~/utils/tools";
 
@@ -66,7 +73,7 @@ export default function OrderObizPage() {
     );
   }
 
-  if (!order) {
+  if (!order || !order.articles) {
     router.replace("/dashboard");
     return;
   }
@@ -91,55 +98,146 @@ export default function OrderObizPage() {
   const getOrderContent = () => {
     if (!order.articles) return;
 
-    if (
-      order.status !== "delivered" &&
-      !isLoadingSyncOrder &&
-      !isRefetchingOrder
-    ) {
+    if (order.status !== "delivered") {
       return (
-        <Flex
-          flexDirection={"column"}
-          gap={10}
-          alignItems={"center"}
-          bg="white"
-          rounded={"2xl"}
-          shadow={"xl"}
-          p={10}
-        >
-          <Heading size={"md"} textAlign={"center"}>
-            Vos billets sont en cours d'approvisionnement, veuillez revenir dans
-            quelques minutes.
-          </Heading>
+        <Flex direction={"column"} gap={4} mx={4}>
+          <Flex direction={"column"} gap={4} my={8} position={"relative"}>
+            <Box w="236px" mx="auto">
+              <Image
+                src={"/images/dashboard/offer-pdf-pending.png"}
+                alt={`En attente de PDF pour ${order.offer.partner.name}`}
+                width={472}
+                height={272}
+              />
+            </Box>
+            <Flex
+              w="full"
+              position={"absolute"}
+              top={"50%"}
+              left={"50%"}
+              transform={"translateX(-50%)translateY(-50%)"}
+              color="disabled"
+              fontWeight={900}
+              fontSize="xl"
+              textAlign={"center"}
+            >
+              <Text w="full">
+                Vos bons <br /> arrivent bientôt
+                <Typewriter text="..." />
+              </Text>
+            </Flex>
+          </Flex>
+          <Flex gap={3}>
+            <Box color="primary" fontSize={"lg"} pt={1}>
+              <HiCheckCircle />
+            </Box>
+            <Text>Votre paiement a bien été enregistré</Text>
+          </Flex>
+          <Flex gap={3}>
+            <Box color="black" fontSize={"lg"} pt={1}>
+              <HiClock />
+            </Box>
+            <Text>Les bons peuvent prendre 24h à être activés</Text>
+          </Flex>
         </Flex>
       );
     }
 
-    if (isLoadingSyncOrder) {
-      return (
+    return (
+      <>
+        <Flex position={"relative"} my={8} h="218px">
+          <Box w="180px">
+            <Image
+              src={"/images/dashboard/order-pdf.png"}
+              alt={`Image d'un exemple PDF pour ${order.offer.partner.name}`}
+              width={360}
+              height={436}
+            />
+          </Box>
+          <Box
+            position={"absolute"}
+            top={"40%"}
+            left={"50%"}
+            transform={"translateX(-50%)translateY(-50%)"}
+          >
+            <Image
+              src={order.offer.partner.icon.url || ""}
+              width={60}
+              height={order.offer.partner.icon.height || 50}
+              alt={`Logo ${order.offer.partner.name}`}
+            />
+          </Box>
+        </Flex>
+        <Flex justifyContent={"center"} gap={8} mt={8}>
+          <Box textAlign={"center"}>
+            <Button colorScheme="blackBtn" p={5} h="auto" onClick={showPDF}>
+              <HiEye fontSize={24} />
+            </Button>
+            <Text fontWeight={900} fontSize="sm" mt={1}>
+              Afficher
+            </Text>
+          </Box>
+          <Box textAlign={"center"}>
+            <Button
+              colorScheme="blackBtn"
+              flexGrow={0}
+              p={5}
+              h="auto"
+              onClick={downloadPDF}
+            >
+              <MdOutlineFileDownload fontSize={24} />
+            </Button>
+            <Text fontWeight={900} fontSize="sm" mt={1}>
+              Télécharger
+            </Text>
+          </Box>
+        </Flex>
+      </>
+    );
+  };
+
+  return (
+    <Flex
+      minH="full"
+      direction={"column"}
+      position="relative"
+      pt={16}
+      px={6}
+      bg="bgGray"
+    >
+      <Flex direction={"column"} gap={10}>
+        <BackButton />
         <Flex
-          flexDirection={"column"}
-          gap={10}
           alignItems={"center"}
-          bg="white"
+          direction={"column"}
+          px={4}
           rounded={"2xl"}
-          shadow={"xl"}
-          p={10}
+          gap={3}
+          mx={4}
         >
-          <Flex direction={"column"} gap={4}>
-            <Heading size={"md"} textAlign={"center"}>
-              Nous récupérons vos billets chez notre partenaire
-            </Heading>
-            <Text color="disabled" textAlign={"center"} fontSize={"sm"}>
-              Veuillez patienter ou revenir dans quelques secondes...
+          <Flex alignItems={"center"} gap={2}>
+            <Box
+              bg="white"
+              rounded={"2xl"}
+              borderWidth={1}
+              borderColor={"bgGray"}
+              overflow={"hidden"}
+            >
+              <Image
+                src={order.offer.partner.icon.url || ""}
+                width={60}
+                height={order.offer.partner.icon.height || 50}
+                alt={`Logo ${order.offer.partner.name}`}
+              />
+            </Box>
+            <Text fontWeight={700} fontSize={"xl"}>
+              {order.offer.partner.name}
             </Text>
           </Flex>
-          <LoadingLoader />
+          <Tag bg="white" fontWeight={700}>
+            <BarcodeIcon mr={1} /> Bon d'achat
+          </Tag>
         </Flex>
-      );
-    }
-
-    return (
-      <>
         <Flex
           direction={"column"}
           alignItems={"center"}
@@ -153,53 +251,7 @@ export default function OrderObizPage() {
           <Text fontWeight={900} fontSize="3xl" mt={2}>
             {amount}€
           </Text>
-          <Flex position={"relative"} my={8} h="218px">
-            <Box w="180px">
-              <Image
-                src={"/images/dashboard/order-pdf.png"}
-                alt={`Image d'un exemple PDF pour ${order.offer.partner.name}`}
-                width={360}
-                height={436}
-              />
-            </Box>
-            <Box
-              position={"absolute"}
-              top={"40%"}
-              left={"50%"}
-              transform={"translateX(-50%)translateY(-50%)"}
-            >
-              <Image
-                src={order.offer.partner.icon.url || ""}
-                width={60}
-                height={order.offer.partner.icon.height || 50}
-                alt={`Logo ${order.offer.partner.name}`}
-              />
-            </Box>
-          </Flex>
-          <Flex justifyContent={"center"} gap={8} mt={8}>
-            <Box textAlign={"center"}>
-              <Button colorScheme="blackBtn" p={5} h="auto" onClick={showPDF}>
-                <HiEye fontSize={24} />
-              </Button>
-              <Text fontWeight={900} fontSize="sm" mt={1}>
-                Afficher
-              </Text>
-            </Box>
-            <Box textAlign={"center"}>
-              <Button
-                colorScheme="blackBtn"
-                flexGrow={0}
-                p={5}
-                h="auto"
-                onClick={downloadPDF}
-              >
-                <MdOutlineFileDownload fontSize={24} />
-              </Button>
-              <Text fontWeight={900} fontSize="sm" mt={1}>
-                Télécharger
-              </Text>
-            </Box>
-          </Flex>
+          {getOrderContent()}
         </Flex>
         <Flex direction="column" bg="white" rounded={"2xl"} px={3} py={4}>
           <Flex justifyContent={"space-between"}>
@@ -248,53 +300,6 @@ export default function OrderObizPage() {
           </Flex>
           <Divider my={4} />
         </Flex>
-      </>
-    );
-  };
-
-  return (
-    <Flex
-      minH="full"
-      direction={"column"}
-      position="relative"
-      pt={16}
-      px={6}
-      bg="bgGray"
-    >
-      <Flex direction={"column"} gap={10}>
-        <BackButton />
-        <Flex
-          alignItems={"center"}
-          direction={"column"}
-          px={4}
-          rounded={"2xl"}
-          gap={3}
-          mx={4}
-        >
-          <Flex alignItems={"center"} gap={2}>
-            <Box
-              bg="white"
-              rounded={"2xl"}
-              borderWidth={1}
-              borderColor={"bgGray"}
-              overflow={"hidden"}
-            >
-              <Image
-                src={order.offer.partner.icon.url || ""}
-                width={60}
-                height={order.offer.partner.icon.height || 50}
-                alt={`Logo ${order.offer.partner.name}`}
-              />
-            </Box>
-            <Text fontWeight={700} fontSize={"xl"}>
-              {order.offer.partner.name}
-            </Text>
-          </Flex>
-          <Tag bg="white" fontWeight={700}>
-            <BarcodeIcon mr={1} /> Bon d'achat
-          </Tag>
-        </Flex>
-        {getOrderContent()}
       </Flex>
     </Flex>
   );