Property square for variant marble not working

Hey, as stated in the title, the marble variant is with square not working.

v.1.5.8

      <Avatar
        size={40}
        name="sdfasdf"
        variant="marble"
        square={true}
        colors={[
          brandColor.teal500,
          brandColor.cyan600,
          brandColor.blueGray500,
        ]}
      />

Thanks for your work!

[rjgrazioli]

I think that’s a perfectly reasonable way to implement this. And I much prefer the implementation remain simple.

Love this library btw. If you ever need help supporting it in the future. Let me know!

[josepmartins]

Hey @rjgrazioli thanks for the heads up and finding the issue 😍 .

If I get this right, you’re trying to use both square and circle options on the same app. Avatars are “unique” to it’s name, so even if we add a unique filter ID (and that will be based on the name) you’ll get the same issue with two avatars sharing the same name.

My recommendation for this case, as you mentioned, would be to use the square option for all the Avatars and apply a CSS border-radius for those you need to change to circle ones.