Skip to content

Conversation

@denjalonso
Copy link
Contributor

Description

Screenshots (if applicable)

[Link to Figma Design](Figma URL here)

Implementation details

@github-actions
Copy link
Contributor

github-actions bot commented Sep 26, 2025

🔍 Visual review for your branch is published 🔍

Here are the links to:

@denjalonso denjalonso changed the title chore: add F0AvatarFlag component and integrate flag avatar type F0AvatarFlag Oct 1, 2025
@denjalonso denjalonso marked this pull request as ready for review October 1, 2025 11:35
@denjalonso denjalonso requested a review from a team as a code owner October 1, 2025 11:35
@github-actions
Copy link
Contributor

github-actions bot commented Oct 1, 2025

size-limit report 📦

Path Size
JS: Stable 581.14 KB (+47.6% 🔺)
JS: Experimental 966.3 KB (+24.27% 🔺)
CSS 71.73 KB (-0.34% 🔽)

@nlopin
Copy link
Contributor

nlopin commented Oct 1, 2025

@sergiocarracedo we discussed creating a package for flags. do you see it makes sense? it requires a setup to build and publish it

@denjalonso denjalonso self-assigned this Oct 1, 2025
@sergiocarracedo
Copy link
Collaborator

@sergiocarracedo we discussed creating a package for flags. do you see it makes sense? it requires a setup to build and publish it

I found that makes the things (like build, publish, etc ) more complex, and it's not worthy as the idea is to move the flag to a CDN as soon as possible

@github-actions
Copy link
Contributor

github-actions bot commented Oct 1, 2025

Coverage Report for packages/react

Status Category Percentage Covered / Total
🔵 Lines 16.81% 16185 / 96280
🔵 Statements 16.81% 16185 / 96280
🔵 Functions 43.69% 815 / 1865
🔵 Branches 70.69% 2263 / 3201
File Coverage
File Stmts Branches Functions Lines Uncovered Lines
Changed Files
packages/react/src/components/avatars/F0Avatar/F0Avatar.tsx 41.37% 20% 100% 41.37% 36-44, 47-55, 58-65, 68-75
packages/react/src/components/avatars/F0Avatar/types.ts 100% 100% 100% 100%
packages/react/src/components/avatars/F0AvatarFlag/F0AvatarFlag.tsx 17.39% 100% 0% 17.39% 6-26
packages/react/src/components/avatars/F0AvatarFlag/index.tsx 100% 100% 100% 100%
packages/react/src/components/avatars/F0AvatarFlag/types.ts 100% 100% 100% 100%
packages/react/src/components/avatars/F0AvatarFlag/__storybook__/F0AvatarFlag.stories.tsx 0% 0% 0% 0% 1-93
packages/react/src/components/avatars/F0AvatarList/types.ts 100% 100% 100% 100%
packages/react/src/components/avatars/F0AvatarList/utils.ts 6.25% 100% 0% 6.25% 30-44
packages/react/src/components/avatars/F0AvatarList/__storybook__/F0AvatarList.stories.tsx 0% 0% 0% 0% 1-299
packages/react/src/components/avatars/internal/BaseAvatar/BaseAvatar.tsx 76.47% 33.33% 100% 76.47% 52-55, 64, 74-81, 93-99, 108, 121, 128, 140-148
packages/react/src/components/avatars/internal/BaseAvatar/types.ts 100% 100% 100% 100%
packages/react/src/flags/Ad.tsx 1.88% 100% 0% 1.88% 4-212
packages/react/src/flags/Ae.tsx 8.51% 100% 0% 8.51% 4-47
packages/react/src/flags/Af.tsx 5.19% 100% 0% 5.19% 4-77
packages/react/src/flags/Ag.tsx 6.45% 100% 0% 6.45% 4-62
packages/react/src/flags/Ai.tsx 3.27% 100% 0% 3.27% 4-122
packages/react/src/flags/Al.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Am.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Ao.tsx 5.97% 100% 0% 5.97% 4-67
packages/react/src/flags/Ar.tsx 5.97% 100% 0% 5.97% 4-67
packages/react/src/flags/As.tsx 4.87% 100% 0% 4.87% 4-82
packages/react/src/flags/At.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Au.tsx 7.69% 100% 0% 7.69% 4-52
packages/react/src/flags/Aw.tsx 8.51% 100% 0% 8.51% 4-47
packages/react/src/flags/Ax.tsx 6.45% 100% 0% 6.45% 4-62
packages/react/src/flags/Az.tsx 8.51% 100% 0% 8.51% 4-47
packages/react/src/flags/Ba.tsx 7.69% 100% 0% 7.69% 4-52
packages/react/src/flags/Bb.tsx 8.51% 100% 0% 8.51% 4-47
packages/react/src/flags/Bd.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Be.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Bf.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Bg.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Bh.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Bi.tsx 5.97% 100% 0% 5.97% 4-67
packages/react/src/flags/Bj.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Bm.tsx 2.46% 100% 0% 2.46% 4-162
packages/react/src/flags/Bo.tsx 1.49% 100% 0% 1.49% 4-267
packages/react/src/flags/Br.tsx 8.51% 100% 0% 8.51% 4-47
packages/react/src/flags/Br1.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Bt.tsx 3.03% 100% 0% 3.03% 4-132
packages/react/src/flags/Bw.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/By.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Bz.tsx 0.98% 100% 0% 0.98% 4-407
packages/react/src/flags/Ca.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Cd.tsx 8.51% 100% 0% 8.51% 4-47
packages/react/src/flags/Cf.tsx 7.69% 100% 0% 7.69% 4-52
packages/react/src/flags/Cg.tsx 6.45% 100% 0% 6.45% 4-62
packages/react/src/flags/Ch.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Ci.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Ck.tsx 7.69% 100% 0% 7.69% 4-52
packages/react/src/flags/Cl.tsx 7.69% 100% 0% 7.69% 4-52
packages/react/src/flags/Cm.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Cn.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Co.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Cr.tsx 2.54% 100% 0% 2.54% 4-157
packages/react/src/flags/Cu.tsx 5.19% 100% 0% 5.19% 4-77
packages/react/src/flags/Cv.tsx 8.51% 100% 0% 8.51% 4-47
packages/react/src/flags/Cw.tsx 7.69% 100% 0% 7.69% 4-52
packages/react/src/flags/Cy.tsx 8.51% 100% 0% 8.51% 4-47
packages/react/src/flags/Cz.tsx 6.45% 100% 0% 6.45% 4-62
packages/react/src/flags/De.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Dj.tsx 5.55% 100% 0% 5.55% 4-72
packages/react/src/flags/Dk.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Dm.tsx 3.27% 100% 0% 3.27% 4-122
packages/react/src/flags/Do.tsx 1.49% 100% 0% 1.49% 4-267
packages/react/src/flags/Dz.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Ec.tsx 1.84% 100% 0% 1.84% 4-217
packages/react/src/flags/Ee.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Eg.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Er.tsx 7.69% 100% 0% 7.69% 4-52
packages/react/src/flags/Es.tsx 2.13% 100% 0% 2.13% 4-187
packages/react/src/flags/Et.tsx 4.87% 100% 0% 4.87% 4-82
packages/react/src/flags/Fi.tsx 12.5% 100% 0% 12.5% 4-32
packages/react/src/flags/Fj.tsx 1.16% 100% 0% 1.16% 4-342
packages/react/src/flags/Fk.tsx 1.2% 100% 0% 1.2% 4-332
packages/react/src/flags/Fm.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Fo.tsx 7.69% 100% 0% 7.69% 4-52
packages/react/src/flags/Fr.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Ga.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Gb.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Gd.tsx 7.69% 100% 0% 7.69% 4-52
packages/react/src/flags/Ge.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Gg.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Gh.tsx 6.45% 100% 0% 6.45% 4-62
packages/react/src/flags/Gi.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Gl.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Gm.tsx 6.45% 100% 0% 6.45% 4-62
packages/react/src/flags/Gn.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Gq.tsx 5.97% 100% 0% 5.97% 4-67
packages/react/src/flags/Gr.tsx 8.51% 100% 0% 8.51% 4-47
packages/react/src/flags/Gt.tsx 2.19% 100% 0% 2.19% 4-182
packages/react/src/flags/Gu.tsx 2.98% 100% 0% 2.98% 4-134
packages/react/src/flags/Gw.tsx 6.45% 100% 0% 6.45% 4-62
packages/react/src/flags/Hk.tsx 6.45% 100% 0% 6.45% 4-62
packages/react/src/flags/Hn.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Hr.tsx 3.41% 100% 0% 3.41% 4-117
packages/react/src/flags/Ht.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Hu.tsx 7.69% 100% 0% 7.69% 4-52
packages/react/src/flags/Id.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Ie.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Il.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Im.tsx 1.52% 100% 0% 1.52% 4-262
packages/react/src/flags/In.tsx 2.08% 100% 0% 2.08% 4-192
packages/react/src/flags/Io.tsx 5.97% 100% 0% 5.97% 4-67
packages/react/src/flags/Iq.tsx 5.55% 100% 0% 5.55% 4-72
packages/react/src/flags/Ir.tsx 7.69% 100% 0% 7.69% 4-52
packages/react/src/flags/Is.tsx 7.69% 100% 0% 7.69% 4-52
packages/react/src/flags/It.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Je.tsx 2.63% 100% 0% 2.63% 4-152
packages/react/src/flags/Jm.tsx 10.81% 100% 0% 10.81% 4-37
packages/react/src/flags/Jo.tsx 8.51% 100% 0% 8.51% 4-47
packages/react/src/flags/Jp.tsx 9.52% 100% 0% 9.52% 4-42
packages/react/src/flags/Ke.tsx 5.55% 100% 0% 5.55% 4-72
packages/react/src/flags/Kg.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Kh.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Ki.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Km.tsx 0% 100% 100% 0% 2-60
packages/react/src/flags/Kn.tsx 0% 100% 100% 0% 2-50
packages/react/src/flags/Kp.tsx 0% 100% 100% 0% 2-50
packages/react/src/flags/Kr.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Kw.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Ky.tsx 0% 100% 100% 0% 2-255
packages/react/src/flags/Kz.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/La.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Lb.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Lc.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Li.tsx 0% 100% 100% 0% 2-50
packages/react/src/flags/Lk.tsx 0% 100% 100% 0% 2-104
packages/react/src/flags/Lr.tsx 0% 100% 100% 0% 2-90
packages/react/src/flags/Ls.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Lt.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Lu.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Lv.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Ly.tsx 0% 100% 100% 0% 2-75
packages/react/src/flags/Ma.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Mc.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Md.tsx 0% 100% 100% 0% 2-210
packages/react/src/flags/Me.tsx 0% 100% 100% 0% 2-137
packages/react/src/flags/Mg.tsx 0% 100% 100% 0% 2-40
packages/react/src/flags/Mh.tsx 0% 100% 100% 0% 2-50
packages/react/src/flags/Mk.tsx 0% 100% 100% 0% 2-40
packages/react/src/flags/Ml.tsx 0% 100% 100% 0% 2-40
packages/react/src/flags/Mm.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Mn.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Mo.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Mp.tsx 0% 100% 100% 0% 2-265
packages/react/src/flags/Mq.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Mr.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Ms.tsx 0% 100% 100% 0% 2-175
packages/react/src/flags/Mt.tsx 0% 100% 100% 0% 2-125
packages/react/src/flags/Mu.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Mv.tsx 0% 100% 100% 0% 2-89
packages/react/src/flags/Mw.tsx 0% 100% 100% 0% 2-40
packages/react/src/flags/Mx.tsx 0% 100% 100% 0% 2-135
packages/react/src/flags/My.tsx 0% 100% 100% 0% 2-125
packages/react/src/flags/Mz.tsx 0% 100% 100% 0% 2-80
packages/react/src/flags/Na.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Ne.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Nf.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Ng.tsx 0% 100% 100% 0% 2-40
packages/react/src/flags/Ni.tsx 0% 100% 100% 0% 2-225
packages/react/src/flags/Nl.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/No.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Np.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Nr.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Nu.tsx 0% 100% 100% 0% 2-95
packages/react/src/flags/Nz.tsx 0% 100% 100% 0% 2-125
packages/react/src/flags/Om.tsx 0% 100% 100% 0% 2-85
packages/react/src/flags/Pa.tsx 0% 100% 100% 0% 2-50
packages/react/src/flags/Pe.tsx 0% 100% 100% 0% 2-40
packages/react/src/flags/Pf.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Pg.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Ph.tsx 0% 100% 100% 0% 2-50
packages/react/src/flags/Pk.tsx 0% 100% 100% 0% 2-40
packages/react/src/flags/Pl.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Pn.tsx 0% 100% 100% 0% 2-445
packages/react/src/flags/Pr.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Ps.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Pt.tsx 0% 100% 100% 0% 2-155
packages/react/src/flags/Pw.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Py.tsx 0% 100% 100% 0% 2-95
packages/react/src/flags/Qa.tsx 0% 100% 100% 0% 2-35
packages/react/src/flags/Ro.tsx 0% 100% 100% 0% 2-40
packages/react/src/flags/Rs.tsx 0% 100% 100% 0% 2-355
packages/react/src/flags/Ru.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Rw.tsx 0% 100% 100% 0% 2-75
packages/react/src/flags/Sa.tsx 0% 100% 100% 0% 2-120
packages/react/src/flags/Sb.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Sc.tsx 0% 100% 100% 0% 2-50
packages/react/src/flags/Sd.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Se.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Sg.tsx 0% 100% 100% 0% 2-40
packages/react/src/flags/Si.tsx 0% 100% 100% 0% 2-95
packages/react/src/flags/Sk.tsx 0% 100% 100% 0% 2-95
packages/react/src/flags/Sl.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Sm.tsx 0% 100% 100% 0% 2-435
packages/react/src/flags/Sn.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/So.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Sr.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Ss.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/St.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Sv.tsx 0% 100% 100% 0% 2-455
packages/react/src/flags/Sx.tsx 0% 100% 100% 0% 2-245
packages/react/src/flags/Sy.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Sz.tsx 0% 100% 100% 0% 2-105
packages/react/src/flags/Tc.tsx 0% 100% 100% 0% 2-145
packages/react/src/flags/Td.tsx 0% 100% 100% 0% 2-40
packages/react/src/flags/Tg.tsx 0% 100% 100% 0% 2-85
packages/react/src/flags/Th.tsx 0% 100% 100% 0% 2-50
packages/react/src/flags/Tj.tsx 0% 100% 100% 0% 2-75
packages/react/src/flags/Tk.tsx 0% 100% 100% 0% 2-40
packages/react/src/flags/Tl.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Tm.tsx 0% 100% 100% 0% 2-135
packages/react/src/flags/Tn.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/To.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Tr.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Tt.tsx 0% 100% 100% 0% 2-60
packages/react/src/flags/Tv.tsx 0% 100% 100% 0% 2-85
packages/react/src/flags/Tw.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Tz.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Ua.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Ug.tsx 0% 100% 100% 0% 2-100
packages/react/src/flags/Us.tsx 0% 100% 100% 0% 2-45
packages/react/src/flags/Uy.tsx 0% 100% 100% 0% 2-230
packages/react/src/flags/Uz.tsx 0% 100% 100% 0% 2-85
packages/react/src/flags/Ve.tsx 0% 100% 100% 0% 2-65
packages/react/src/flags/Vi.tsx 0% 100% 100% 0% 2-70
packages/react/src/flags/Vn.tsx 0% 100% 100% 0% 2-50
packages/react/src/flags/Vu.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Ws.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Xk.tsx 0% 100% 100% 0% 2-105
packages/react/src/flags/Ye.tsx 0% 100% 100% 0% 2-55
packages/react/src/flags/Za.tsx 0% 100% 100% 0% 2-60
packages/react/src/flags/Zm.tsx 0% 100% 100% 0% 2-50
packages/react/src/flags/Zw.tsx 0% 100% 100% 0% 2-85
packages/react/src/flags/flagsMap.tsx 96.71% 100% 0% 96.71% 219-227
packages/react/src/flags/index.ts 0% 0% 0% 0% 1-224
Generated in workflow #8305 for commit 6d6bb66 by the Vitest Coverage Report Action

@denjalonso denjalonso merged commit a14a70e into main Oct 1, 2025
18 of 20 checks passed
@denjalonso denjalonso deleted the feat/avatar-as-flags branch October 1, 2025 16:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants