UseId on Marble variant filter

boringdesigners · Apr 9, 2024 · 51e724e · 51e724e
1 parent 2da6863
commit 51e724e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/lib/components/avatar-marble.js b/src/lib/components/avatar-marble.js
@@ -39,7 +39,7 @@ const AvatarMarble = (props) => {
       <g mask={`url(#${maskID})`}>
         <rect width={SIZE} height={SIZE} fill={properties[0].color} />
         <path
-          filter="url(#prefix__filter0_f)"
+          filter={`url(#filter_${maskID})`}
           d="M32.414 59.35L50.376 70.5H72.5v-71H33.728L26.5 13.381l19.057 27.08L32.414 59.35z"
           fill={properties[1].color}
           transform={
@@ -59,7 +59,7 @@ const AvatarMarble = (props) => {
           }
         />
         <path
-          filter="url(#prefix__filter0_f)"
+          filter={`url(#filter_${maskID})`}
           style={{
             mixBlendMode: 'overlay',
           }}
@@ -84,7 +84,7 @@ const AvatarMarble = (props) => {
       </g>
       <defs>
         <filter
-          id="prefix__filter0_f"
+          id={`filter_${maskID}`}
           filterUnits="userSpaceOnUse"
           colorInterpolationFilters="sRGB"
         >