Skip to content

F
frontend
Commit cb04b16e authored by Max Alekseenko's avatar Max Alekseenko
Browse files
Options

added badges

parent 748f0233
Hide whitespace changes
Inline Side-by-side
Showing with 269 additions and 2 deletions
icons/badges/badge_1.svg 0 → 100644
View file @ cb04b16e
<svg viewBox="0 0 89 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M52.507 3.196a16.5 16.5 0 0 0-16.514 0l-27.25 15.75A16.5 16.5 0 0 0 .5 33.233v31.536a16.5 16.5 0 0 0 8.243 14.285l27.25 15.752a16.5 16.5 0 0 0 16.514 0l27.25-15.752A16.5 16.5 0 0 0 88 64.768V33.232a16.5 16.5 0 0 0-8.243-14.285L52.507 3.195Z" fill="#ECF5FF" stroke="#A7BFDA"/>
<path d="M44.25 1.48V49L3.14 25.237a15.99 15.99 0 0 1 5.853-5.857l27.25-15.752a15.99 15.99 0 0 1 8.007-2.147Z" fill="#F8FBFF"/>
<path d="M1 33.232v31.536c0 2.856.761 5.603 2.14 7.995L44.25 49 3.14 25.237A15.99 15.99 0 0 0 1 33.232Z" fill="url(#a)"/>
<path d="M87.5 64.78V33.246a15.99 15.99 0 0 0-2.14-7.995L44.25 49.013l41.11 23.762a15.99 15.99 0 0 0 2.14-7.995Z" fill="#E0EEFF"/>
<path d="M44.25 1.5v47.52l41.11-23.763a15.99 15.99 0 0 0-5.853-5.858L52.257 3.648A15.99 15.99 0 0 0 44.25 1.5Z" fill="url(#b)"/>
<path d="M8.99 78.618a15.99 15.99 0 0 1-5.85-5.855L44.25 49v47.52a15.99 15.99 0 0 1-8.005-2.147l-.002-.001L8.993 78.62a.056.056 0 0 0-.003-.002Z" fill="url(#c)"/>
<path d="m52.257 94.372 27.25-15.752a15.99 15.99 0 0 0 5.852-5.857L44.25 49v47.52c2.765 0 5.53-.717 8.007-2.148Z" fill="#D1E5FE"/>
<path d="M37.243 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L51.256 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 6.19 62.922V35.078a14 14 0 0 1 6.994-12.12L37.243 9.05Z" fill="#A7BFDA"/>
<path d="M51.506 8.617a14.5 14.5 0 0 0-14.513 0l-24.06 13.907a14.5 14.5 0 0 0-7.244 12.554v27.844a14.5 14.5 0 0 0 7.244 12.553l24.06 13.908a14.5 14.5 0 0 0 14.513 0l24.06-13.907a14.5 14.5 0 0 0 7.243-12.554V35.078a14.5 14.5 0 0 0-7.243-12.554L51.506 8.617Z" stroke="#F8FBFF"/>
<path d="M37.493 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L13.433 74.61A13.5 13.5 0 0 1 6.69 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" stroke="#A7BFDA"/>
<path d="M37.243 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L51.256 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 6.19 62.922V35.078a14 14 0 0 1 6.994-12.12L37.243 9.05Z" fill="url(#d)"/>
<path d="M37.493 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L13.433 74.61A13.5 13.5 0 0 1 6.69 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" fill="url(#e)" stroke="#6F89A8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M31.98 18.284a7.875 7.875 0 0 1 7.071-4.409H49.2a7.875 7.875 0 0 1 7.071 4.409l1.422 2.902c.374-.297.72-.54.981-.712.8-.796 1.516-1.142 2.137-1.012.618.13.988.7 1.209 1.304.552 1.507.572 3.595.107 6.144.712.116 1.396.24 2.048.37 2.568.511 4.671 1.124 6.14 1.816.735.346 1.33.72 1.749 1.127.418.407.687.877.687 1.402 0 .592-.34 1.113-.856 1.557-.518.446-1.258.856-2.171 1.232-1.736.716-4.175 1.342-7.12 1.847.192 1.205.349 2.49.467 3.86l.095.13h.001c.145.198.384.497.7.892 2.829 3.537 11.829 14.793 14.797 29.645a12.99 12.99 0 0 1-3.845 3.39l-24.06 13.906a12.99 12.99 0 0 1-13.01 0l-24.06-13.907a13.025 13.025 0 0 1-3.98-3.57C12.848 54.83 23.12 42.72 25.567 40.11c.004-1.325.067-2.568.182-3.734-2.97-.51-5.54-1.259-7.277-1.984-.896-.373-1.623-.78-2.131-1.223-.507-.44-.841-.957-.841-1.543 0-.525.269-.995.687-1.402.418-.407 1.014-.781 1.748-1.127 1.47-.692 3.573-1.305 6.141-1.816.653-.13 1.338-.254 2.052-.371-.465-2.549-.445-4.636.107-6.143.221-.604.59-1.175 1.209-1.304.62-.13 1.336.216 2.137 1.012.261.172.605.413.978.71l1.421-2.9Z" fill="url(#f)"/>
<path d="M10.084 72.608c-.214-.223-.42-.454-.619-.69v.002c.198.237.404.467.618.69l.001-.002Z" fill="url(#g)"/>
<defs>
<linearGradient id="a" x1="22.625" y1="25.237" x2="22.625" y2="72.763" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="b" x1="44.25" y1="3.875" x2="85.25" y2="3.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="c" x1="4.125" y1="72.75" x2="44.25" y2="72.75" gradientUnits="userSpaceOnUse">
<stop stop-color="#D1E5FE"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="d" x1="6.249" y1="46.375" x2="82.249" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D5E8FF"/>
<stop offset="1" stop-color="#89BEFF"/>
</linearGradient>
<linearGradient id="e" x1="6.249" y1="46.375" x2="82.249" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D0DCEC"/>
<stop offset=".5" stop-color="#A8BCD5"/>
</linearGradient>
<linearGradient id="f" x1="44.064" y1="13.875" x2="44.064" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="g" x1="44.064" y1="13.875" x2="44.064" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
</defs>
</svg>
icons/badges/badge_2.svg 0 → 100644
View file @ cb04b16e
<svg viewBox="0 0 90 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.632 3.196a16.5 16.5 0 0 0-16.514 0l-27.25 15.75a16.5 16.5 0 0 0-8.243 14.286v31.536a16.5 16.5 0 0 0 8.243 14.285l27.25 15.752a16.5 16.5 0 0 0 16.514 0l27.25-15.752a16.5 16.5 0 0 0 8.243-14.285V33.232a16.5 16.5 0 0 0-8.243-14.285L53.632 3.195Z" fill="#ECF5FF" stroke="#A7BFDA"/>
<path d="M45.375 1.48V49L4.265 25.237a15.99 15.99 0 0 1 5.849-5.855l.004-.002 27.25-15.752a15.99 15.99 0 0 1 8.007-2.147Z" fill="#F8FBFF"/>
<path d="M2.125 33.232v31.536c0 2.856.761 5.603 2.14 7.995L45.376 49 4.265 25.237a15.99 15.99 0 0 0-2.14 7.995Z" fill="url(#a)"/>
<path d="M88.625 64.78V33.246a15.99 15.99 0 0 0-2.14-7.995l-41.11 23.763 41.11 23.762a15.99 15.99 0 0 0 2.14-7.995Z" fill="#E0EEFF"/>
<path d="M45.375 1.5v47.52l41.11-23.763a15.99 15.99 0 0 0-5.853-5.858L53.382 3.648A15.99 15.99 0 0 0 45.375 1.5Z" fill="url(#b)"/>
<path d="M10.115 78.618a15.99 15.99 0 0 1-5.85-5.855L45.376 49v47.52a15.99 15.99 0 0 1-8.005-2.147l-.002-.001-27.25-15.752a.056.056 0 0 0-.003-.002Z" fill="url(#c)"/>
<path d="m53.382 94.372 27.25-15.752a15.99 15.99 0 0 0 5.852-5.857L45.375 49v47.52c2.765 0 5.53-.717 8.007-2.148Z" fill="#D1E5FE"/>
<path d="M38.368 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.38 88.95a14 14 0 0 1-14.013 0l-24.06-13.907a14 14 0 0 1-6.994-12.121V35.078a14 14 0 0 1 6.994-12.12L38.368 9.05Z" fill="#A7BFDA"/>
<path d="M52.63 8.617a14.5 14.5 0 0 0-14.512 0l-24.06 13.907a14.5 14.5 0 0 0-7.244 12.554v27.844a14.5 14.5 0 0 0 7.244 12.553l24.06 13.908a14.5 14.5 0 0 0 14.513 0l24.06-13.907a14.5 14.5 0 0 0 7.243-12.554V35.078a14.5 14.5 0 0 0-7.243-12.554L52.63 8.617Z" stroke="#F8FBFF"/>
<path d="M38.618 9.483a13.5 13.5 0 0 1 13.512 0L76.19 23.39a13.5 13.5 0 0 1 6.745 11.688v27.844A13.5 13.5 0 0 1 76.19 74.61L52.13 88.517a13.5 13.5 0 0 1-13.512 0L14.558 74.61a13.5 13.5 0 0 1-6.744-11.688V35.078A13.5 13.5 0 0 1 14.56 23.39l24.06-13.907Z" stroke="#A7BFDA"/>
<path d="M38.429 9.05a14 14 0 0 1 14.012 0l24.06 13.907a14 14 0 0 1 6.994 12.121v27.844a14 14 0 0 1-6.994 12.12L52.441 88.95a14 14 0 0 1-14.012 0l-24.06-13.907a14 14 0 0 1-6.994-12.121V35.078a14 14 0 0 1 6.994-12.12L38.429 9.05Z" fill="url(#d)"/>
<path d="M38.679 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.744 11.688v27.844a13.5 13.5 0 0 1-6.744 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.619 74.61a13.5 13.5 0 0 1-6.744-11.688V35.078a13.5 13.5 0 0 1 6.744-11.688l24.06-13.907Z" fill="url(#e)" stroke="#6F89A8"/>
<path d="M57.605 24.766c.365-.719.768-1.251 1.241-1.667.617-.541 1.327-.861 2.153-1.155 2.047-.728 3.511-.7 4.455-.496.6.13 1.043.4 1.333.803.284.395.39.874.41 1.368.02.493-.046 1.034-.138 1.578-.052.308-.117.637-.18.964l-.001.001a55.57 55.57 0 0 0-.134.702c-.204 1.121-.838 1.867-1.625 2.375-.774.5-1.702.772-2.523.97-.207.05-.42.097-.623.142.78 1.504 1.457 3.15 2.107 4.888.445 1.191.874 2.418 1.314 3.676.637 1.819 1.296 3.703 2.06 5.641 5.526 6.93 7.787 14.416 8.667 20.168a44.44 44.44 0 0 1 .52 7.064 32.822 32.822 0 0 1-.076 2.004c-.203.134-.411.262-.624.385l-24.06 13.907a13 13 0 0 1-13.011 0l-16.878-9.756c-.049-13.024 4.609-22.676 7.301-25.99-.924-1.6-1.71-3.503-2.27-5.567l-.149.076c-.844.429-1.758.862-2.591 1.188-.819.321-1.61.56-2.189.562a.375.375 0 0 1-.002-.75c.425 0 1.1-.19 1.917-.51a29.824 29.824 0 0 0 2.526-1.159c.1-.05.199-.102.297-.152-.17-.71-.314-1.436-.427-2.173-1.877.692-4.21 1.401-5.984 1.43a.375.375 0 1 1-.012-.75c1.66-.027 3.928-.713 5.817-1.414l.074-.027c-.334-2.7-.25-5.52.414-8.192.734-2.952 2.178-5.732 4.558-7.972-1.089-3.514-.125-4.939.603-5.303.729-.364 3.345-.61 5.442 1.668 1.627-.593 3.46-1.032 5.511-1.29 4.63-.581 8.18-.297 10.982.689a13.008 13.008 0 0 1 3.795 2.074Z" fill="url(#f)"/>
<defs>
<linearGradient id="a" x1="23.75" y1="25.237" x2="23.75" y2="72.763" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="b" x1="45.375" y1="3.875" x2="86.375" y2="3.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="c" x1="5.25" y1="72.75" x2="45.375" y2="72.75" gradientUnits="userSpaceOnUse">
<stop stop-color="#D1E5FE"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="d" x1="7.435" y1="46.375" x2="83.435" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D5E8FF"/>
<stop offset="1" stop-color="#89BEFF"/>
</linearGradient>
<linearGradient id="e" x1="7.435" y1="46.375" x2="83.435" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D0DCEC"/>
<stop offset=".5" stop-color="#A8BCD5"/>
</linearGradient>
<linearGradient id="f" x1="48.341" y1="21.323" x2="48.341" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
</defs>
</svg>
icons/badges/badge_3.svg 0 → 100644
View file @ cb04b16e
<svg viewBox="0 0 90 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.257 3.196a16.5 16.5 0 0 0-16.514 0l-27.25 15.75A16.5 16.5 0 0 0 1.25 33.233v31.536a16.5 16.5 0 0 0 8.243 14.285l27.25 15.752a16.5 16.5 0 0 0 16.514 0l27.25-15.752a16.5 16.5 0 0 0 8.243-14.285V33.232a16.5 16.5 0 0 0-8.243-14.285L53.257 3.195Z" fill="#ECF5FF" stroke="#A7BFDA"/>
<path d="M45 1.48V49L3.89 25.237a15.99 15.99 0 0 1 5.853-5.857l27.25-15.752A15.99 15.99 0 0 1 45 1.481Z" fill="#F8FBFF"/>
<path d="M1.75 33.232v31.536c0 2.856.761 5.603 2.14 7.995L45 49 3.89 25.237a15.99 15.99 0 0 0-2.14 7.995Z" fill="url(#a)"/>
<path d="M88.25 64.78V33.246a15.99 15.99 0 0 0-2.14-7.995L45 49.013l41.11 23.762a15.99 15.99 0 0 0 2.14-7.995Z" fill="#E0EEFF"/>
<path d="M45 1.5v47.52l41.11-23.763a15.99 15.99 0 0 0-5.853-5.858L53.007 3.648A15.99 15.99 0 0 0 45 1.5Z" fill="url(#b)"/>
<path d="M9.74 78.618a15.99 15.99 0 0 1-5.85-5.855L45 49v47.52a15.99 15.99 0 0 1-8.005-2.147l-.002-.001L9.743 78.62a.056.056 0 0 0-.003-.002Z" fill="url(#c)"/>
<path d="m53.007 94.372 27.25-15.752a15.99 15.99 0 0 0 5.852-5.857L45 49v47.52c2.765 0 5.53-.717 8.007-2.148Z" fill="#D1E5FE"/>
<path d="M37.993 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.006 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 6.94 62.922V35.078a14 14 0 0 1 6.994-12.12L37.993 9.05Z" fill="#A7BFDA"/>
<path d="M52.256 8.617a14.5 14.5 0 0 0-14.513 0l-24.06 13.907a14.5 14.5 0 0 0-7.244 12.554v27.844a14.5 14.5 0 0 0 7.244 12.553l24.06 13.908a14.5 14.5 0 0 0 14.513 0l24.06-13.907a14.5 14.5 0 0 0 7.243-12.554V35.078a14.5 14.5 0 0 0-7.243-12.554L52.256 8.617Z" stroke="#F8FBFF"/>
<path d="M38.243 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.183 74.61A13.5 13.5 0 0 1 7.44 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" stroke="#A7BFDA"/>
<path d="M37.993 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.006 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 6.94 62.922V35.078a14 14 0 0 1 6.994-12.12L37.993 9.05Z" fill="url(#d)"/>
<path d="M38.243 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.183 74.61A13.5 13.5 0 0 1 7.44 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" fill="url(#e)" stroke="#6F89A8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M44.32 12.25a.75.75 0 0 0-.75.75v.125h-1.473a9.375 9.375 0 0 0-9.095 7.101l-.506 2.027-.03-.031a13.31 13.31 0 0 0-2.135-1.748c-.8-.796-1.516-1.142-2.137-1.012-.618.13-.988.7-1.21 1.304-.752 2.057-.516 5.196.596 9.113.036.128.124.23.23.28-.927 2.658-1.48 5.928-1.492 9.95-1.26 1.344-4.592 5.204-7.958 10.786a.385.385 0 0 0-.02.028l.003.001-.003-.001-.004.006-.01.018-.012.018-.031.049-.161.258a74.43 74.43 0 0 0-2.431 4.27c-1.399 2.662-2.972 6.074-3.612 9.003-.691 3.163-.658 5.721-.112 7.782.347.331.713.645 1.099.938l-.001-.002c.434.33.893.636 1.373.914l9.022 5.215h-.002l1.374.794h.002l.453.262.05-.01 13.229 7.646a12.99 12.99 0 0 0 6.716 1.744 12.99 12.99 0 0 0 6.295-1.744l24.06-13.907.238-.137c.523-.302.696-.401.826-.54.039-.042.074-.087.113-.143a13.473 13.473 0 0 0 .696-.554c.68-2.14.78-4.848.034-8.258a25.524 25.524 0 0 0-.926-3.134l.048.028c-.343-.885-.7-1.749-1.07-2.59a62.62 62.62 0 0 0-1.758-3.698 76.564 76.564 0 0 0-1.76-3.235 5.73 5.73 0 0 0 .556-.156c2.214-.744 4.7-2.172 5.483-5.086.341-1.272.225-2.422-.287-3.339-.512-.918-1.398-1.56-2.516-1.86-1.466-.393-2.733.18-3.462.72-.361-.833-1.173-1.962-2.64-2.355-1.118-.3-2.206-.186-3.109.353a3.87 3.87 0 0 0-1.26 1.232l-.225-.282c-.317-.396-.556-.694-.7-.891l-.001-.001-.096-.13c-.345-3.99-1.015-7.261-1.946-9.936a.436.436 0 0 0 .3-.306c1.11-3.917 1.347-7.056.594-9.113-.221-.604-.59-1.175-1.209-1.304-.62-.13-1.336.216-2.137 1.012-.46.302-1.174.82-1.855 1.47l-.43-1.718a9.375 9.375 0 0 0-9.095-7.101H46.07V13a.75.75 0 0 0-.75-.75h-1ZM12.942 64.427l-.017-.15.045-.133-.028.283Z" fill="url(#f)"/>
<path d="m23.846 80.77-9.909-5.727a14 14 0 0 1-1.805-1.241v.001c.176.143.356.281.54.415v.003c.403.294.824.569 1.261.822l.176.101-.002-.002 6.751 3.903-.003-.001 1.785 1.032h.003l1.202.695Z" fill="url(#g)"/>
<path d="M11.01 33.585c.512-.918 1.398-1.56 2.516-1.86 1.466-.393 2.735.18 3.464.72.36-.833 1.171-1.962 2.637-2.355 1.119-.3 2.207-.186 3.11.353.902.538 1.577 1.476 1.918 2.748.78 2.915-.66 5.395-2.205 7.146a5.884 5.884 0 0 1-6.243 1.673c-2.214-.743-4.701-2.17-5.484-5.086-.341-1.272-.225-2.422.287-3.339Z" fill="url(#h)"/>
<defs>
<linearGradient id="a" x1="23.375" y1="25.237" x2="23.375" y2="72.763" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="b" x1="45" y1="3.875" x2="86" y2="3.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="c" x1="4.875" y1="72.75" x2="45" y2="72.75" gradientUnits="userSpaceOnUse">
<stop stop-color="#D1E5FE"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="d" x1="6.999" y1="46.375" x2="82.999" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D5E8FF"/>
<stop offset="1" stop-color="#89BEFF"/>
</linearGradient>
<linearGradient id="e" x1="6.999" y1="46.375" x2="82.999" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D0DCEC"/>
<stop offset=".5" stop-color="#A8BCD5"/>
</linearGradient>
<linearGradient id="f" x1="44.42" y1="12.25" x2="44.42" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="g" x1="44.42" y1="12.25" x2="44.42" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="h" x1="44.42" y1="12.25" x2="44.42" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
</defs>
</svg>
icons/badges/badge_4.svg 0 → 100644
View file @ cb04b16e
<svg viewBox="0 0 90 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.507 3.196a16.5 16.5 0 0 0-16.514 0l-27.25 15.75A16.5 16.5 0 0 0 1.5 33.233v31.536a16.5 16.5 0 0 0 8.243 14.285l27.25 15.752a16.5 16.5 0 0 0 16.514 0l27.25-15.752A16.5 16.5 0 0 0 89 64.768V33.232a16.5 16.5 0 0 0-8.243-14.285L53.507 3.195Z" fill="#ECF5FF" stroke="#A7BFDA"/>
<path d="M45.25 1.48V49L4.14 25.237a15.99 15.99 0 0 1 5.853-5.857l27.25-15.752a15.99 15.99 0 0 1 8.007-2.147Z" fill="#F8FBFF"/>
<path d="M2 33.232v31.536c0 2.856.761 5.603 2.14 7.995L45.25 49 4.14 25.237A15.99 15.99 0 0 0 2 33.232Z" fill="url(#a)"/>
<path d="M88.5 64.78V33.246a15.99 15.99 0 0 0-2.14-7.995L45.25 49.013l41.11 23.762a15.99 15.99 0 0 0 2.14-7.995Z" fill="#E0EEFF"/>
<path d="M45.25 1.5v47.52l41.11-23.763a15.99 15.99 0 0 0-5.853-5.858L53.257 3.648A15.99 15.99 0 0 0 45.25 1.5Z" fill="url(#b)"/>
<path d="M9.99 78.618a15.99 15.99 0 0 1-5.85-5.855L45.25 49v47.52a15.99 15.99 0 0 1-8.005-2.147l-.002-.001L9.993 78.62a.056.056 0 0 0-.003-.002Z" fill="url(#c)"/>
<path d="m53.257 94.372 27.25-15.752a15.99 15.99 0 0 0 5.852-5.857L45.25 49v47.52c2.765 0 5.53-.717 8.007-2.148Z" fill="#D1E5FE"/>
<path d="M38.243 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.256 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 7.19 62.922V35.078a14 14 0 0 1 6.994-12.12L38.243 9.05Z" fill="#A7BFDA"/>
<path d="M52.506 8.617a14.5 14.5 0 0 0-14.513 0l-24.06 13.907a14.5 14.5 0 0 0-7.244 12.554v27.844a14.5 14.5 0 0 0 7.244 12.553l24.06 13.908a14.5 14.5 0 0 0 14.513 0l24.06-13.907a14.5 14.5 0 0 0 7.243-12.554V35.078a14.5 14.5 0 0 0-7.243-12.554L52.506 8.617Z" stroke="#F8FBFF"/>
<path d="M38.493 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.433 74.61A13.5 13.5 0 0 1 7.69 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" stroke="#A7BFDA"/>
<path d="M38.243 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.256 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 7.19 62.922V35.078a14 14 0 0 1 6.994-12.12L38.243 9.05Z" fill="url(#d)"/>
<path d="M38.493 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.433 74.61A13.5 13.5 0 0 1 7.69 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" fill="url(#e)" stroke="#6F89A8"/>
<path d="M47.337 12.236c-.87-1.767-3.387-1.77-4.26-.005l-1.888 3.816c-.237.48-.695.811-1.225.887l-4.214.608c-1.948.281-2.728 2.674-1.32 4.05l3.045 2.975c.383.374.557.912.466 1.439l-.724 4.195c-.335 1.94 1.7 3.422 3.443 2.508l3.77-1.977a1.625 1.625 0 0 1 1.513.001l3.767 1.986c1.741.917 3.78-.56 3.448-2.5l-.715-4.198a1.625 1.625 0 0 1 .47-1.437l3.051-2.969c1.411-1.372.636-3.767-1.312-4.052l-4.212-.617a1.625 1.625 0 0 1-1.223-.89l-1.88-3.82Z" fill="url(#f)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M73.851 73.708c.17.439.337.878.498 1.316l-.659.381-21.935 12.68a13 13 0 0 1-13.012 0l-22.59-13.059c.162-.439.328-.879.499-1.318 2.17-5.58 5.094-11.122 8.612-14.384.323-4.025.816-7.599 1.718-10.653a.443.443 0 0 1-.26-.292c-1.189-4.194-1.44-7.548-.637-9.742.236-.645.628-1.247 1.279-1.383.653-.136 1.412.227 2.267 1.079a14.224 14.224 0 0 1 2.413 2.004c2.966-2.444 7.187-3.712 13.208-3.712 6 0 10.213 1.26 13.177 3.687l.105-.11a14.228 14.228 0 0 1 2.284-1.87c.856-.85 1.614-1.214 2.268-1.078.65.136 1.042.738 1.278 1.383.803 2.194.552 5.548-.638 9.742a.45.45 0 0 1-.211.27c.906 3.059 1.4 6.64 1.724 10.675 3.518 3.262 6.442 8.804 8.612 14.384Z" fill="url(#g)"/>
<path d="M21.439 23.179c.244-1.22 1.78-1.629 2.599-.694l1.6 1.829a1.5 1.5 0 0 0 1.303.501l2.414-.282c1.235-.145 2.099 1.19 1.462 2.258l-1.244 2.087a1.5 1.5 0 0 0-.074 1.394l1.014 2.208c.52 1.13-.483 2.364-1.695 2.089l-2.37-.538a1.5 1.5 0 0 0-1.348.36l-1.787 1.647c-.914.842-2.398.27-2.51-.967l-.221-2.42a1.5 1.5 0 0 0-.759-1.172l-2.118-1.19c-1.084-.609-1-2.196.143-2.686l2.233-.958a1.5 1.5 0 0 0 .88-1.084l.478-2.382Z" fill="url(#h)"/>
<path d="M66.36 22.238c1.023-1.169 2.944-.657 3.249.867l.477 2.383c.073.363.32.667.66.813l2.233.957c1.428.613 1.535 2.597.18 3.358l-2.119 1.19c-.322.182-.535.51-.569.879l-.22 2.42c-.141 1.548-1.996 2.262-3.139 1.208l-1.786-1.647a1.125 1.125 0 0 0-1.012-.27l-2.37.539c-1.515.344-2.767-1.2-2.118-2.611l1.014-2.208a1.125 1.125 0 0 0-.056-1.046l-1.244-2.087c-.795-1.335.285-3.003 1.828-2.823l2.414.283c.368.043.733-.098.977-.377l1.6-1.828Z" fill="url(#i)"/>
<defs>
<linearGradient id="a" x1="23.625" y1="25.237" x2="23.625" y2="72.763" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="b" x1="45.25" y1="3.875" x2="86.25" y2="3.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="c" x1="5.125" y1="72.75" x2="45.25" y2="72.75" gradientUnits="userSpaceOnUse">
<stop stop-color="#D1E5FE"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="d" x1="7.249" y1="46.375" x2="83.249" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D5E8FF"/>
<stop offset="1" stop-color="#89BEFF"/>
</linearGradient>
<linearGradient id="e" x1="7.249" y1="46.375" x2="83.249" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D0DCEC"/>
<stop offset=".5" stop-color="#A8BCD5"/>
</linearGradient>
<linearGradient id="f" x1="45.251" y1="10.909" x2="45.251" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="g" x1="45.251" y1="10.909" x2="45.251" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="h" x1="45.251" y1="10.909" x2="45.251" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="i" x1="45.251" y1="10.909" x2="45.251" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
</defs>
</svg>
icons/badges/badge_5.svg 0 → 100644
View file @ cb04b16e
<svg viewBox="0 0 90 98" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M53.257 3.196a16.5 16.5 0 0 0-16.514 0l-27.25 15.75A16.5 16.5 0 0 0 1.25 33.233v31.536a16.5 16.5 0 0 0 8.243 14.285l27.25 15.752a16.5 16.5 0 0 0 16.514 0l27.25-15.752a16.5 16.5 0 0 0 8.243-14.285V33.232a16.5 16.5 0 0 0-8.243-14.285L53.257 3.195Z" fill="#ECF5FF" stroke="#A7BFDA"/>
<path d="M45 1.48V49L3.89 25.237a15.99 15.99 0 0 1 5.853-5.857l27.25-15.752A15.99 15.99 0 0 1 45 1.481Z" fill="#F8FBFF"/>
<path d="M1.75 33.232v31.536c0 2.856.761 5.603 2.14 7.995L45 49 3.89 25.237a15.99 15.99 0 0 0-2.14 7.995Z" fill="url(#a)"/>
<path d="M88.25 64.78V33.246a15.99 15.99 0 0 0-2.14-7.995L45 49.013l41.11 23.762a15.99 15.99 0 0 0 2.14-7.995Z" fill="#E0EEFF"/>
<path d="M45 1.5v47.52l41.11-23.763a15.99 15.99 0 0 0-5.853-5.858L53.007 3.648A15.99 15.99 0 0 0 45 1.5Z" fill="url(#b)"/>
<path d="M9.74 78.618a15.99 15.99 0 0 1-5.85-5.855L45 49v47.52a15.99 15.99 0 0 1-8.005-2.147l-.002-.001L9.743 78.62a.056.056 0 0 0-.003-.002Z" fill="url(#c)"/>
<path d="m53.007 94.372 27.25-15.752a15.99 15.99 0 0 0 5.852-5.857L45 49v47.52c2.765 0 5.53-.717 8.007-2.148Z" fill="#D1E5FE"/>
<path d="M37.993 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.006 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 6.94 62.922V35.078a14 14 0 0 1 6.994-12.12L37.993 9.05Z" fill="#A7BFDA"/>
<path d="M52.256 8.617a14.5 14.5 0 0 0-14.513 0l-24.06 13.907a14.5 14.5 0 0 0-7.244 12.554v27.844a14.5 14.5 0 0 0 7.244 12.553l24.06 13.908a14.5 14.5 0 0 0 14.513 0l24.06-13.907a14.5 14.5 0 0 0 7.243-12.554V35.078a14.5 14.5 0 0 0-7.243-12.554L52.256 8.617Z" stroke="#F8FBFF"/>
<path d="M38.243 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.183 74.61A13.5 13.5 0 0 1 7.44 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" stroke="#A7BFDA"/>
<path d="M37.993 9.05a14 14 0 0 1 14.013 0l24.06 13.907a14 14 0 0 1 6.993 12.121v27.844a14 14 0 0 1-6.993 12.12L52.006 88.95a14 14 0 0 1-14.013 0l-24.06-13.907A14 14 0 0 1 6.94 62.922V35.078a14 14 0 0 1 6.994-12.12L37.993 9.05Z" fill="url(#d)"/>
<path d="M38.243 9.483a13.5 13.5 0 0 1 13.512 0l24.06 13.907a13.5 13.5 0 0 1 6.745 11.688v27.844a13.5 13.5 0 0 1-6.745 11.688l-24.06 13.907a13.5 13.5 0 0 1-13.512 0L14.183 74.61A13.5 13.5 0 0 1 7.44 62.922V35.078a13.5 13.5 0 0 1 6.745-11.688l24.06-13.907Z" fill="url(#e)" stroke="#6F89A8"/>
<path d="m8.41 66.388-.016-.056a12.979 12.979 0 0 1-.332-1.626 45.514 45.514 0 0 1 1.248-3.714 63.525 63.525 0 0 1 4.311-9.055c2.51-4.329 3.906-5.957 5.005-6.991.252-.238.483-.44.704-.632.737-.643 1.364-1.191 2.3-2.642.179-.276.354-.784.556-1.524.111-.405.224-.855.348-1.349.1-.4.207-.828.327-1.284.49-1.876 1.16-4.136 2.26-6.361a68.344 68.344 0 0 0-.28-.022h-.001c-.208-.016-.431-.033-.646-.053-.761-.072-1.632-.198-2.395-.549-.776-.357-1.448-.95-1.777-1.94a49.016 49.016 0 0 0-.21-.61c-.1-.286-.2-.573-.286-.843-.152-.476-.281-.954-.327-1.402-.046-.448-.012-.9.196-1.298.213-.407.583-.71 1.11-.906.826-.306 2.14-.519 4.072-.128 1.528.31 2.796 1.392 3.696 3.135a15.52 15.52 0 0 1 2.778-2.33c2.63-1.725 6.08-2.833 10.645-2.833 2.565 0 4.758.366 6.625 1.017 1.946-1.573 4.1-1.342 4.75-1.017.679.34 1.563 1.6.797 4.618.502.549.952 1.135 1.352 1.75.64.048 1.403.96 1.78 2.175.24.768.272 1.49.129 1.992.692 2.267.97 4.668.99 6.956 1.54.174 2.691-.152 3.503-.569a5.162 5.162 0 0 0 1.292-.935 4.063 4.063 0 0 0 .396-.461l.002-.004.343.152.341.153-.001.002-.002.004a.6.6 0 0 1-.034.047c-.022.03-.053.073-.095.126a4.891 4.891 0 0 1-.37.413c-.33.33-.83.747-1.516 1.099-.954.488-2.234.835-3.86.683a32.323 32.323 0 0 1-.06 1.54c1.255.33 2.218.239 2.892.05a3.8 3.8 0 0 0 1.005-.44 2.574 2.574 0 0 0 .296-.218l.01-.01c.154-.15.405-.173.563-.052.159.121.163.341.01.491l-.287-.219.287.22-.002.001-.003.003-.008.008a.67.67 0 0 1-.015.013l-.01.01c-.021.018-.05.044-.088.074-.075.06-.183.142-.325.232-.284.18-.702.395-1.253.55-.797.224-1.842.313-3.125.016l-.005.062c-.18 2.094-.54 3.984-.943 5.443-.372 1.347-.151 2.5.45 3.497.61 1.009 1.623 1.874 2.856 2.598 1.502.881 3.292 1.53 4.978 1.968L67 54.846c.183-1.566 1.412-4.568 5.2-5.115 5.073-.731 6.897 2.29 7.005 3.032.011.08.032.197.059.344.221 1.22.808 4.456-.848 4.695l-1.114.16c.09.619-.03 1.899-1.217 2.07-.046.554-.539 1.694-2.137 1.824-1.17.094-1.867-.139-2.47-.341-.384-.128-.729-.244-1.133-.255l.148.357c1.943.168 3.382 2.09 3.382 4.3 0 .108-.004.214-.01.32l2.893 7.161a12.98 12.98 0 0 1-.633.437v-.001c-.183.118-.37.233-.56.343l-.27.156-23.789 13.751a12.992 12.992 0 0 1-6.983 1.737 12.99 12.99 0 0 1-6.03-1.737l-2.29-1.324-21.768-12.583a13 13 0 0 1-6.024-7.79Z" fill="url(#f)"/>
<path d="m63.654 37.05-.341-.153a.455.455 0 0 1 .547-.162c.189.084.25.293.136.467l-.342-.153Z" fill="url(#g)"/>
<defs>
<linearGradient id="a" x1="23.375" y1="25.237" x2="23.375" y2="72.763" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="b" x1="45" y1="3.875" x2="86" y2="3.875" gradientUnits="userSpaceOnUse">
<stop stop-color="#E0EEFF"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="c" x1="4.875" y1="72.75" x2="45" y2="72.75" gradientUnits="userSpaceOnUse">
<stop stop-color="#D1E5FE"/>
<stop offset="1" stop-color="#F8FBFF"/>
</linearGradient>
<linearGradient id="d" x1="6.999" y1="46.375" x2="82.999" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D5E8FF"/>
<stop offset="1" stop-color="#89BEFF"/>
</linearGradient>
<linearGradient id="e" x1="6.999" y1="46.375" x2="82.999" y2="46.375" gradientUnits="userSpaceOnUse">
<stop stop-color="#D0DCEC"/>
<stop offset=".5" stop-color="#A8BCD5"/>
</linearGradient>
<linearGradient id="f" x1="43.804" y1="21.139" x2="43.804" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
<linearGradient id="g" x1="43.804" y1="21.139" x2="43.804" y2="89.829" gradientUnits="userSpaceOnUse">
<stop stop-color="#4C6788"/>
<stop offset="1" stop-color="#6F89A8"/>
</linearGradient>
</defs>
</svg>
public/icons/name.d.ts
View file @ cb04b16e
......@@ -15,6 +15,11 @@
| "arrows/south-east"
| "arrows/up-down"
| "arrows/up-head"
| "badges/badge_1"
| "badges/badge_2"
| "badges/badge_3"
| "badges/badge_4"
| "badges/badge_5"
| "beta_xs"
| "beta"
| "blob"
......
ui/pages/RewardsDashboard.tsx
View file @ cb04b16e
......@@ -8,6 +8,7 @@ import splitSecondsInPeriods from 'ui/blockCountdown/splitSecondsInPeriods';
import CopyField from 'ui/rewards/CopyField';
import RewardsDashboardCard from 'ui/rewards/RewardsDashboardCard';
import RewardsDashboardCardValue from 'ui/rewards/RewardsDashboardCardValue';
import IconSvg from 'ui/shared/IconSvg';
import LinkExternal from 'ui/shared/links/LinkExternal';
import PageTitle from 'ui/shared/Page/PageTitle';
......@@ -118,6 +119,7 @@ const RewardsDashboard = () => {
description={ `Current number of consecutive days you${ apos }ve claimed your daily Merits.` }
direction="column-reverse"
availableSoon
blurFilter
>
<RewardsDashboardCardValue label="Steaks" value="5 days"/>
</RewardsDashboardCard>
......@@ -153,6 +155,7 @@ const RewardsDashboard = () => {
title="Activity"
description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
availableSoon
blurFilter
>
<RewardsDashboardCardValue label="Activity" value="0%"/>
<RewardsDashboardCardValue label="Received" value="0" withIcon/>
......@@ -161,11 +164,26 @@ const RewardsDashboard = () => {
title="Verify contracts"
description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
availableSoon
blurFilter
>
<RewardsDashboardCardValue label="Activity" value="0%"/>
<RewardsDashboardCardValue label="Received" value="0" withIcon/>
</RewardsDashboardCard>
</Flex>
<RewardsDashboardCard
title="Badges"
description="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
direction="row"
availableSoon
>
<Flex flex={ 1 } gap={ 6 } px={ 6 } justifyContent="space-between">
<IconSvg name="badges/badge_1" boxSize="100px"/>
<IconSvg name="badges/badge_2" boxSize="100px"/>
<IconSvg name="badges/badge_3" boxSize="100px"/>
<IconSvg name="badges/badge_4" boxSize="100px"/>
<IconSvg name="badges/badge_5" boxSize="100px"/>
</Flex>
</RewardsDashboardCard>
</Flex>
</>
);
......
ui/rewards/RewardsDashboardCard.tsx
View file @ cb04b16e
......@@ -7,13 +7,17 @@ type Props = {
title?: string;
description: string | React.ReactNode;
availableSoon?: boolean;
blurFilter?: boolean;
contentAfter?: React.ReactNode;
direction?: 'column' | 'column-reverse' | 'row';
reverse?: boolean;
children?: React.ReactNode;
};
const RewardsDashboardCard = ({ title, description, availableSoon, contentAfter, direction = 'column', children }: Props) => {
const RewardsDashboardCard = ({
title, description, availableSoon, contentAfter,
direction = 'column', children, blurFilter,
}: Props) => {
return (
<Flex
flexDirection={ direction }
......@@ -44,7 +48,7 @@ const RewardsDashboardCard = ({ title, description, availableSoon, contentAfter,
backgroundColor={ useColorModeValue('gray.50', 'whiteAlpha.50') }
h="128px"
filter="auto"
blur={ availableSoon ? '4px' : '0' }
blur={ blurFilter ? '4px' : '0' }
flex={ direction === 'row' ? 1 : '0 1 auto' }
>
{ children }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment