From 4cb3fd2128aa869cf237225f85d7ad569b5f18e1 Mon Sep 17 00:00:00 2001 From: sk1982 Date: Thu, 14 Mar 2024 21:22:17 -0400 Subject: [PATCH] chuni: change badge/rating font --- .../fonts/HelveticaNowDisplay-ExtraBold.woff2 | Bin 0 -> 8896 bytes src/app/font.scss | 14 ++++++-- src/app/layout.tsx | 1 + src/components/chuni/music-list.tsx | 10 ++---- src/components/chuni/music-playlog.tsx | 21 +++++------- src/components/chuni/playlog-card.tsx | 9 +++-- src/components/chuni/rating.tsx | 2 +- src/components/chuni/score-badge.tsx | 31 ++++++++++++++++-- 8 files changed, 58 insertions(+), 30 deletions(-) create mode 100644 public/assets/fonts/HelveticaNowDisplay-ExtraBold.woff2 diff --git a/public/assets/fonts/HelveticaNowDisplay-ExtraBold.woff2 b/public/assets/fonts/HelveticaNowDisplay-ExtraBold.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..353ed45192ae4c4793c0e50fbfaa07f875b1966a GIT binary patch literal 8896 zcmV;xB0t@CPew8T0RR9103yHu4gdfE083Z^03vGu0RR9100000000000000000000 z0000QP8+#i9E3y$U;s1`2nxw0wqgM`0we>3A`5~P00bZfgJK6D8w)^12V&42fS6yF zf<;j#Ie!cOza)2vWnW<&f+4bllu;@YC7DceXHY1-sTs~%Z>3*PWH%N|+o3WN90?ui zV8T6k_dbk%*2O;jp|JF!#bQTCXzY_*f?$m{yLT_*n1`Zfk><%mu|)DjC1jHlsGR>f z?cZ~+CCf!?dA+V%UhVDU6qE@HOK?z7aASdCu+mnB=eOA-jKpbUVK$P&ND1YuC|IZ< z^gt9as#fNrZo`$!bQ|3Dc2VUbz0j3vijH8=yOcUixwrY|%r7Z3u(ekq{cr5WotKba zz`nuewzU?4a?L5Howv>U!|A#w{i5$KW?j>+7-PyPTV)t%9m+Hf)`m2JBxFOun&jk2 za^xF0TFSdnVJdZnRds#~;GbxlKaEo;ghUb7fB*^t|4(PxYN8{W;BnAF?Ds-lDr}QB zuOEGRtR4NGNNWc?))82z18W^vJn*4+Lj+~K2jqKs3juEk;q}~O*?r%Wj3gt;$Qa2;?lLy*_#2^RGx9|gpc%{oNg~V03L1n}HDF%I zz`Yp(<6xm2;XLDrK#@h#9tkw+FoBn?$S(n&=MG!yfF}X0o7d6V`3=#xp*FV4< zLXZPxefbqKMu2WdH2Umy+YcF**d!$_b2C4MS)FCT==VvHx~vB$L~=0KJmpa}XYc5_ zvN5SL5^qa-vPhmOGPZK5vJmHzOg2!Il=6lsRY}B&WGdTGj5x~MqDUnYr;=3GmzRnu z4S@uAW(1Mx{~f|Ht2)t~lybH67=A8YSt(6Wndz#qt6YdqRi268k!(o2GKqYwn5%a+ z63w)hq1Jb_<=Tfja-F%ZT=!5++c1fH#{_w8yy|MUFkbJMKuX_G#JZBrq6wGjhhUNgr_?6iHM;KKkfbFj-tt4Pn)ij&8;2xZ2vDh3A zi^oGWO(`jn0s+M^Tmm5m8|WxoSr&k@dsckHno<%jijZa*ak1o6B*Dhqw$R=O$l}-p z0TwtaL%7L?uHJNKW4m2Rvj)N9YiPo4l#eVnkj4?Ef_Q=;sXtzU`e;4pIsrv9B9>za zG?iuN3sxD?w)0 z#*;BnTs1h_VbMQqWg1FpzoKrBUamny+Myxu!9yLJV38mZ!e04+KK+2adUP8U7!WX; zX$=uyRkOM_HNb2M=+%z&Y1gMOU{f%09^bo6s6$zfSqjhsVWS$I#278QE#KCoQ%IK- zKCJX|xFS4>v;tzBplxX$ycGJXzN1OfvIwSw04>(!6OuBSfDtW*kWUXxiPmbss8t+1 zd__u#NY#SdL+6Iu26B6mrTMQW{%-0+f({8nT6<;!WDm3S@(i-=$&iZ<&V3a4JVwCz zKM5kkQ0d#PZ1V5dzleW5dk0#kGLL7ib`l*WDUEASE)wCBUKFK_`VvqY4#z?T%)70R$gYHHXY|ARh2Rd;t$)8fR zL=-605b~6`Pn=_nU|4aE3i41siaH?h4hqpW3sVSBy2CaLSrl57MdvN14UB-~uy2-} zxiwS{yrE3yIAh%N!vr?ivic948&E3@nCgW$7nH@K2_6x_>d#P3VJ|R4Fh&m5TT_&y zg#gLi^9_8=hV#(0vOvWI=$<95X<%IhL^KPULwh^(-WB!Rja?2z^dJW_g~9#Px5=XD z^x+Q*4MfO3_2vG&45oi9@9;gUUzs-18PJ=KS(6~F>uHlMyCC z;%ZEVgZQeKSGJ3vLVs6DKW@Gl34y#gJBAf_hiw5V7TVJXkjZi&9BpspJAEpGs(;E_ zjg9FZsy0+^aCM?4s}btRv zak@X!SY}GBX3=6Eg*;fN4n zu_~#7wLl?9*2j^RhRK(kfXD(=DX+#7#8FHELZnrj_Kp1R=+>v-fDvOROqw!n#;iG{ zO@S~d2og|BaR4-cM$mMsycbpaaZ6U=|HpSW1johkjk!w2F0V(QeQnfL0+P z5{g7A%3$I=4$5qmzQ9Cm(+6oFm?n`%DwA7&p(+v5Ez`%VsUIRtMXye6253Z|7B6tz zBp`ld2uDqvV&72MQLH=EgVko>xqI1j%Zn3N-TC(;a3+K}jbzM_e`gC4+BMW@W|xY) z3xk3S5EL7?zvjG!D8ek{lVe-o3;sc&cwmSE2lfl{@f`WWv%svn91UR`cOJ7B)bO(& z!DbBisD5M~BazI`LxVoG^yfnNh(n3!bl_pM5hEk4zA2QzAsuJbpvcXBvYggAlRfjtn|91{iOcs zi4>O6_-U4+0)G@y4otoBRn8(Jgv5&k)F5#N`K|8llI8*dNCj9VL{m`moiB$IsNS7{ z4`$JSO*VeqY+>m0pvDhQ(U0M^54LG*9fpk>w}go=N^Hu;DOr-%Bqeq4+zQK*}X(0%?=$D`2M_#AyJ*nA%2QqrU^_Y7N3=fRLz+*p0aB*dj3f zO=vL*c213ey&O(t{d(_C1yy0okf7L|I!pW6Jbh|eoq#p2I7JE~0gSxy5e7RvaZr{m zd%IJ9vK#vkz$8vT3wu46hi5HutsGQVQp^hS@ro3J+2TlGSb*oosUlOq!gYP%l4>&- zB>eFHXAW76>42Ao|Gi_=7lpp~no^)V24m$&1Ek1|dRz~#M!D3)jeBGAz?Zn7F8o;g zN^W6NfX8keVy>X<=i<^#*lQsnFi_oeeGi-+Em{fbWE&(8uE_yEf$cO(Y2D#cgG6k5 z@=TMdzW7-fMBJJ5jjS4_a6DyFkAd0a>tLxgnx+Q8!HI$e_^44a&04De?UdN63cw+? z(8#Jt0+FDW!YqtApkN_{xja6mX(d{4fXcMkx(}JG57QZ9Qo=S0dNpgY`AkRl%5Lo( zWQ{3iM2c97-C*K8F4idpgL(jyoIYa|jT;Ee#}<_?HHx}i(_3c&JWLmkXufX~Ul#(6 zz6{rooWeWM0+>K9-owTiSt=~SSXnz|m7Z*)_kYItCt0=4N zT(fxh+-bE85Y8FpdO%Hdmd@7;Ylts28caZPsii>eHIN!Z0H6!q(xH>iy3}o8&xxa> z_xQpG;a!DJF)2oo-Q0`ECS*R-smrhd9s1RfQ&3V-)6mk{LT^N`KHYl2WW;=OoNO{O z2+?EdvlbfWExK3L^xV6IHC{k}V8W7gzc}`ucEBxzP$cS8Es^#&GpJ)!uYrk~MWZII z+JO3kZMLfsgh#6B7MV?Z4Gu`bIcXo+g3QtaLqguqGQe6`8HfWig9c=i3laf;i_*>t zFVgyrPyx89)hET4>T~u|92!6XS;FmL91Ri_pqqs}6Jup3^|>{sTuRt!BLCCggO4@(e5N(HaoQi^GIU$HOFq}oFg=s zj##bc;|0KoO~gR+*%Wb{kdKvyV8`R%rDe#;-j-ZlIu`N?f7M?c>9AF&twc`gq=eWs z%No5j_pZ!xg$AH!s!gp@OF4KxG)tAwt=t?o(&4D`BvHH0SFANkG+PK`)NlSBTlXTe zHVPqLFWa5lNxX7VY{tfxjJI`X*D+j0=7k(mMHR?UMaZsE$z|N|XF-B{lIp3r2MbaC zYVp^h7C@L~l2Zoo|+%-cM%Vt)zgz*_w3S zj?uaJ4EQ$wgKC_lp_a+{JDb9yXTNr6hNf6%7^x1ovM*b({3Q_1>AtKRkLm8=>h`9% z|GsTwr^*)~x>rNlf38u%s<|eIOukt_k*3qy6;i?G9b{0B=G#PpvJE$mv2ym@QR@onLT0*sok|?!wn7V|V0}R{F0wvPpN&{G=Md~bu zTJ$ZnbJ!*qYoHpJ8kNa9in?y^dVJ+|1dOBjPA`ptIy1d!x1~(Tf%NgLN5@n!JsUX} zKE@l2hGVb<5@*p>NEi-xA)Yo64xV$YM2C0 z>d-#vOr?F+LVHQk^n(gz`ib;2Sod66e3p@;qK`H?Qka|rruzDMtiT_Nb9@2Hps_aG zOm1VIbD_{bbA1C<2>7ywSFph<`ffG@Bc(;@13!}~w1vv4V}3?qPS-I<$v&)?Su;Wl zh}yTDtbHG?c{ft4-h^^!;b;PK2Xk4?qVGfD2%h<`;re8tRL=c>wVADU_1mwVor7sx z54rCZQI2#sMLbO#0kv3z3QVDUq+9?zBNdLpOJ{!Cs%ft!P=Sga3+IP8< zK9{KSd-Y1nOcr0zI(8gQ8Q0PKe=e1MdQWaiyA|wgY_F5KDo|XXqkJPfcL#4gxwXBi zV`zcyZKa8@C6u%;<$;0vDR@XDd}50Vtzd}MlWV0^kBsi-m_ zTJ0}!2jt{97P%1WmL%~7i?*T8&m{8ikg|cpMhyiI%zu1D*BVF8{#lF!z5{ODN661X zA1vqghqWhUVyVZ@n`>WNAh}V!tK*$w5djc{N15S(9!x!rWT-QB6kLYdK9&GP*DX!k zZ#K~CXMPr&>#|MW5uIvD9-MZ*KXd31S$f$EiYF|@aar*P;A;yOs@o$EtlS21W7y#u ziV>r06Y%nNPBMdC=Li%ENP$=7(8p+M-p5E`M)70x+y=Q6oV~(h{8(Q5KGlhg%;IXM zepl9-DPV8>^8gZ}ZgQ!WMJ{|}fA*f+e3tFh5nCy2Oe9wbljm-~E1ejuo;^PB`6yv8 zAxt9=e+o9EZsF0c$KhKDoN#N*P%Kb*PV~S2eR%8D&{Zkj1;)J33YnIHx|gcTq}<|2*Y-Og-7v~g3}c{Yq!2vqEs@(*5q__svXC0 zSB?h-J4&vjVUsFybijkM(&Ht9`5sh|TSm*+e^x!BHhvMEpszw=&vuwOF8($RhaBP- zRFq|r+OJpx3wGH4oc2yrz4j>cFk4N)%Y+91T{pNJH#S>UT{r8S;3Gqf8rN#lXHkxS zFOX$`F1mtf?ap=?@%)wW!&4-y$J%+cKX%AsrgYx|sFa~U`hf$F<)p{F|NX#18?d$e zKL}r?grpPJ6Y!wbW2@j!ivM9RxUpMHih&VifeQtT#+_>FbSx{G5 z#B17X;3a9V`u0EnKG5=>YRcT@pyVlgUB-KX{vc3k-Hv(x8FxW4*wBhp@KhF;jz)xX zFQTZ(W52n_-=bRiI$Zwd&SK}~>^;@aTud)$o-Q}6mKz?}?ycUlQDpLVn;et6!Pt1Y z#eU9s&d#M@IrFiu+)!RxQTL$2Ag+k`W$4$4$QLZ;3&5Z5oxa&#PS&^QlG#M*;5G)R z2xr7WW~D;<&Pk|wJJZlooiu^8_{%<*gyUl3Sw#s1^gFXJvDn`hj^3f_p#%`WHcf6q z*9RMCw+GjwO=Qb-?Yp6#V0Mj@pLvE_rB0K~A!f9Bb{gFfVgldpg0v8&$k3mFsp^Oy zRgON{lTFzTyDbQyLkIg09-2OMp#K215kwway|lCd3dI5Gj7@<5QEGoGc%c76b94XM z<^Z-ZPn!JPzM$sJX@M-iCUHgiGQ|}5sqd#BI$Ei9G&(-ft!>~3+o0Wg?KSf{ge+%) zuf{bKu~Y;n`h9XHO%c~Jhm236q;E0p1I?p@!{&HTk*g$*0ot^qKWe~l?b~VPR5_oL zN9o@>H`=`)(0^m#RuiQy+06ulD5f$KSC_fp=|}hW32kKtt^fqbRE<|HS(l3U&?he+ z*thYVoi zA2F~B2zhJa!*gX?F`LmCaWZ;hfbfr<8GP=?VU1rt-|v$r&R%ud4J-rAz2-rAnL@?A zdh&bsP@1oqcRs$^s%z0&TX0+)Uy9?V*b{`ZLaAA=Q8wm7hRjhHQc`qG5woX6AQCKY zJ9%<;u|ixa-eHo&C?t_)d#kzCa`Qq<^IHkm0w7a;L1DcKe10aOJwCquxP$HWy{!1w z*GDNa@txTHAfRnKy_!(lr|*{7g-tDTq3-4U?)uopS)(Hl-??N>afvIcwt_a)p0(Fk zj@_^w7^q}d<$CuX-4N3@izSVpNXx{G$~-rw6*Vf!tI7k}w&>L>SD|J5tIFfIHdbQ^hgtS&}Fv@|9y!d5!$Y zcqL21Mp=%3FCx-QYnwk%HCHmK`QzZ93tm>c6%&Rb>IJ@b0qXOP547r1_N63zQTRo| z6YCQNeKTV-aIn1-8X0=f{#I5^^@pt_EcnWnkvsRd9Xye8yU^(*e$@}~4|5jyq(?X2_)c~2fV_yIK@!*1iKM*4~lNIsXqd15$5QoZDC>1J5 z*){g0@Qfx&EXpH&K*|$|lcXBRwz1mBd%h~aj`pQrtVfz=GG)~b88hIa{6LKo5(x$3 zn!;Gw0dlL<565iqg~EJD>@U)&T1w+LCMgNDts>>9)nIWnHme8a=oJ9Gg-RPQ0+$ zf$f}{kUk$EjT`|_-X}j^y=}Wj+6b->oc1$^O^`RP-L{<~J&sulY>PPKS4((oB|Hvp z4c`4V*k}8x;;H@)scd%!^h=(F-)uLZX@9O-%ND|mdQ$UoI3c(zBP%aEo%XZ(xt_j3 zQK7@S)E{&3DsXG(%3Sf_p85BW3z=Un3ZCf$LU{x+T%@krDlJGkNv9T8Q%#P+zq5CO%9jLeeurrH-biuEo9Hzml0S# zem9nw&z-C@Mgojm>-4s^j_KJ}-B6ut^^!YOvSoT|ONEPg$x+58v58>%E_~TO&&-0< z8gljv!r7Wy+-_r}F>3)xdKBJe`8YlQ(stj1VM$HPw*4dD&gF7=tu4HKj=(KW>ZSal z`y8k&PNd?4R3_Ed<*fpfAPkaJRz=Cdwi~SZC)%;5PIIpUS-R-Jsmdxz=cjY!s?KS% ziNdAiDm6L7*+fT$cMR-+-(E&8 zKYBb|4~!z-X@MWW4H&8e9qiLfntBLHxyKpdT{2QUD=Gy-(nyHaq8t2ms7W&v31%s&g~P| zoX%{VPQ(}goQFyThD-jueU}3w<)Wr~pV^j7h>HneZrgvvpPO+wW;u30$Tcrm?$nOpG zx(~l_fe z3FjS}@Ru^~vGe`eW7FXNW+nvXFe?i9o2OXm{rYmFh#{o3sLm!wp|jGWZ6RLhph%o| z5ZViP>MN7Vz6$0B^I)b%_{EM95Qn6pxg-g@5UOI6xHR;aL|h?trih9oE>xpG_V=>~ z6C`+71~w=uJS;c}3j$Z!nLYY)V+o^}R=<=;*TV=5F}^W)B;}QL;zR61!Y1sYvf-MI zwlwl`z8n1ltYJAH?LaIY~1T#V0o8EG`ttrURYvcVp+2q{KSIUjLv_I}F_Mi5H z%nFKpp?zq_Vw9$n*u-`1){WCFg_g1#kg|OaKl*gcEGy2$Lm(oiV!UE$WhrkDaq`Nt zi&tweLF0!l)MXX0S{oLcT~vEp??>GW{#x_$1Y!3)7-*Q#deUk(bIo=Ay29huRpYf_ z(@2{M*Gm`xcTa#rj2*P?hDG1V5RePVLn9Q2$Y;wnOS4qkWLo8LHv2|j<3{qv?1M&r z?@ZeZUb5Bb`5V^&XXUgxtXKH!CE<0tcK4j{9JuhA3X>Pqe#C?Ebr@Gg9N#_)6kjL_ zJBH>6!^(*K%N~pp@mp_$Pd*FGq2&;ZBi9w{k;Oz>PEMfA)%$B7SvD6An*=UGM}%#U1cOz1HSs~jhr`RHElJ({c-lBfDCjc8VyE(O1vzwQ6UBI z;XS<)-NE7|Cwk%O7%(2{*zH7$CNDZ6M`f_TzO9jR-Et`eqJYkY-IqM+;?OC@IF@_! zJQ$>>UEadkcTcqKICHzTx3b^c6Q9N3v0?VYAh|7cd+6uhv;>2N_Tkmj`Q&F*&Odd; zFTj@%ckZWm|8>Cr@4^3-8V6*M70$T2M!DnvJWw+b(q_&M$m>OLH+RDMM_c@BD(}g1 zj88GiH{X_ppQ%XJ9m%Y?D@reo8mUP;wiC#gqGGS$)QQMmk+~fv^`f#9!+uI>5n$P2 zb>M)?g1S-4#iGFcf==P`M@xLg!YBa*SGbnYsqov7D9aB;rce9eqGfU+HGTslv?5!0 z;CeTBWgc-1EPk)V3{IxyYgS0fRC$&cjXN$HxM7nyQv46& z!@&Z#Xcx$jOM$?8BVHNPob3#P&~q#4pMnYn%Xrk{nvD(hXc6jHQ)+wg5DHrLES0%b z4LACg!~|b|FrnlbMl9aTKUBP;fp_qrq7}0}xHpuj2!$k*6hb2e!Y2s?Th_)7uX>;H zy?_mYU*Zj=UnCnzpYt-}VNG=K2#US^5P^HFPa7aXAg~Ak)VYH|r3-)?02U#0K8mow zcM;3Su1AEqz(u4y>e0^Q`iFGV`eJFRX;@%<3uDZPQL|bcGOA-_(W;&j#x4UHHLW^o z&sfQ&4z)@T3u8#pj0zH zQc`Oy%r?m|WF!jDJ5&G~Cj`04uu_mbzM3&(cxGC5 O9n2sJ%j@8(A7cP%4 + diff --git a/src/components/chuni/music-list.tsx b/src/components/chuni/music-list.tsx index 9591af8..1d7aa4f 100644 --- a/src/components/chuni/music-list.tsx +++ b/src/components/chuni/music-list.tsx @@ -9,7 +9,7 @@ import { worldsEndStars } from '@/helpers/chuni/worlds-end-stars'; import { ChuniDifficultyContainer } from '@/components/chuni/difficulty-container'; import { getJacketUrl } from '@/helpers/assets'; import { ChuniLevelBadge } from '@/components/chuni/level-badge'; -import { ChuniScoreBadge, getVariantFromLamp, getVariantFromRank } from '@/components/chuni/score-badge'; +import { ChuniScoreBadge, ChuniLampSuccessBadge, getVariantFromLamp, getVariantFromRank, ChuniLampComboBadge } from '@/components/chuni/score-badge'; import { ChuniRating } from '@/components/chuni/rating'; import Link from 'next/link'; import { Squares2X2Icon } from '@heroicons/react/24/outline'; @@ -103,9 +103,7 @@ const MusicGrid = ({ music, size }: ChuniMusicListProps & { size: 'sm' | 'lg' })
{size === 'lg' &&
- {item.isSuccess ? - {CHUNI_LAMPS.get(item.isSuccess)} - : null} + {item.isSuccess ? : null}
}
@@ -115,9 +113,7 @@ const MusicGrid = ({ music, size }: ChuniMusicListProps & { size: 'sm' | 'lg' })
- {(item.isFullCombo || item.isAllJustice) ? - {item.isAllJustice ? 'All Justice' : 'Full Combo'} - : null} +
return (
{difficulties.map((data, i) => { + const rank = CHUNI_SCORE_RANKS[data.scoreRank!]; const badges = [ - !!data.scoreRank && - {CHUNI_SCORE_RANKS[data.scoreRank]} + !!data.scoreRank && + {rank.endsWith('+') ? <> + {rank.slice(0, -1)} +
+
+ : rank} , - !!data.isSuccess && - {CHUNI_LAMPS.get(data.isSuccess)} - , - !!data.isFullCombo && !data.isAllJustice && - Full Combo - , - !!data.isAllJustice && - All Justice - , + data.isSuccess ? : null, + ].filter(x => x); const toggleExpanded = () => expanded[i] && setExpanded(e => diff --git a/src/components/chuni/playlog-card.tsx b/src/components/chuni/playlog-card.tsx index dfa3181..eae540b 100644 --- a/src/components/chuni/playlog-card.tsx +++ b/src/components/chuni/playlog-card.tsx @@ -2,7 +2,7 @@ import { getPlaylog } from '@/actions/chuni/playlog'; import { getJacketUrl } from '@/helpers/assets'; import Link from 'next/link'; import { ChuniRating } from '@/components/chuni/rating'; -import { ChuniScoreBadge, getVariantFromRank } from '@/components/chuni/score-badge'; +import { ChuniScoreBadge, ChuniLampSuccessBadge, getVariantFromRank, ChuniLampComboBadge } from '@/components/chuni/score-badge'; import { ChuniLevelBadge } from '@/components/chuni/level-badge'; import { ChuniDifficultyContainer } from '@/components/chuni/difficulty-container'; import { formatJst } from '@/helpers/format-jst'; @@ -56,10 +56,9 @@ export const ChuniPlaylogCard = ({ playlog, className }: ChuniPlaylogCardProps) {playlog.score?.toLocaleString()} - {!!playlog.isClear && Clear} - {!!playlog.isAllJustice && All Justice} - {!!playlog.isFullCombo && !playlog.isAllJustice && Full Combo} - {!!playlog.isNewRecord && New Record} + {!!playlog.isClear && } + + {!!playlog.isNewRecord && NEW RECORD}
Justice Critical: { playlog.judgeHeaven }
diff --git a/src/components/chuni/rating.tsx b/src/components/chuni/rating.tsx index 97c59ea..190eb26 100644 --- a/src/components/chuni/rating.tsx +++ b/src/components/chuni/rating.tsx @@ -31,7 +31,7 @@ export const ChuniRating = ({ children, rating, className }: ChuniRatingProps) = else bg = 'bg-[linear-gradient(180deg,rgba(255,0,0,1)_0%,rgba(255,64,0,1)_25%,rgba(255,255,0,1)_50%,rgba(0,255,0,1)_60%,rgba(0,64,255,1)_80%)]' - return (
+ return (
{children ?? (ratingNum / 100).toFixed(2)}
) } diff --git a/src/components/chuni/score-badge.tsx b/src/components/chuni/score-badge.tsx index e9e2331..9f1c86c 100644 --- a/src/components/chuni/score-badge.tsx +++ b/src/components/chuni/score-badge.tsx @@ -1,4 +1,5 @@ import { ReactNode } from 'react'; +import { CHUNI_LAMPS } from '@/helpers/chuni/lamps'; const BACKGROUNDS = [ 'bg-[linear-gradient(135deg,rgba(120,120,120,1)_30%,rgba(90,91,90,1)_50%,rgba(172,170,170,1)_50%,rgba(115,114,114,1)_63%,rgba(98,98,98,1)_80%,rgba(129,129,129,1)_100%)]', @@ -53,14 +54,38 @@ export type ChuniScoreBadgeProps = { children: ReactNode, variant: Variant, className?: string, + fontSize?: 'xs' | 'sm' | 'md' }; -export const ChuniScoreBadge = ({ children, variant, className }: ChuniScoreBadgeProps) => { - return (
+const sizes = { + xs: 'text-[52cqh]', + sm: 'text-[59cqh]', + md: 'text-[70cqh]' +} + +export const ChuniScoreBadge = ({ children, variant, className, fontSize }: ChuniScoreBadgeProps) => { + const size = sizes[fontSize ?? 'md']; + + return (
- { children } + { children }
) }; + +export const ChuniLampSuccessBadge = ({ success, className }: { className?: string, success: number }) => { + const text = CHUNI_LAMPS.get(success)?.toUpperCase(); + const fontSize = text?.length! > 5 ? text?.length! > 10 ? 'xs' : 'sm' : 'md'; + return ( + {text} + ) +} + +export const ChuniLampComboBadge = ({ className, isFullCombo, isAllJustice }: { className?: string, isFullCombo: number | null, isAllJustice: number | null }) => { + if (!isFullCombo && !isAllJustice) return null; + return ( + {isAllJustice ? 'ALL JUSTICE' : 'FULL COMBO'} + ) +}