Replace pngs with svgs

src/views/studio/studio-curators.jsx

@@ -43,7 +43,7 @@ const StudioCurators = ({
                                 width="179"
                                 height="111"
                                 className="studio-empty-img"
-                                src="/images/studios/curators-empty.png"
+                                src="/images/studios/curators-empty-image.svg"
                             />
                             {canInviteCurators ? (
                                 <div className="studio-empty-msg">

src/views/studio/studio-projects.jsx

@@ -68,7 +68,7 @@ const StudioProjects = ({
                                         width="388"
                                         height="265"
                                         className="studio-empty-img"
-                                        src="/images/studios/projects-empty-can-add.png"
+                                        src="/images/studios/empty-state-image.svg"
                                     />
                                     <div className="studio-empty-msg">
                                         <div><FormattedMessage id="studio.projectsEmptyCanAdd1" /></div>
@@ -81,7 +81,7 @@ const StudioProjects = ({
                                         width="186"
                                         height="138"
                                         className="studio-empty-img"
-                                        src="/images/studios/projects-empty.png"
+                                        src="/images/studios/empty-state-image-mini.svg"
                                     />
                                     <div className="studio-empty-msg">
                                         <div><FormattedMessage id="studio.projectsEmpty1" /></div>

static/images/studios/curators-empty-image.svg

+<svg width="179" height="111" viewBox="0 0 179 111" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M102.186 0.586919C151.349 8.2108 182.033 32.5008 178.762 70.0808C175.77 104.47 146.75 113.091 95.9136 110.421C45.0776 107.751 7.98193 85.766 7.98193 46.4483C7.98193 10.1617 54.4914 -3.07253 102.186 0.586919Z" fill="#4C97FF" fill-opacity="0.15"/>
+<path d="M21.8114 96.78C16.9592 90.5305 8.95811 81.5383 3.40773 85.2781C-2.14265 89.0179 2.73476 97.7817 6.62774 100.458C10.5207 103.134 15.3083 108.831 19.8754 109.08C24.4424 109.33 26.6636 103.03 21.8114 96.78Z" fill="#4C97FF" fill-opacity="0.15"/>
+<mask id="mask0" mask-type="alpha" maskUnits="userSpaceOnUse" x="7" y="0" width="172" height="111">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M102.186 0.586919C151.348 8.2108 182.032 32.5008 178.762 70.0808C175.77 104.47 146.749 113.091 95.9132 110.421C45.0771 107.751 7.98145 85.766 7.98145 46.4483C7.98145 10.1617 54.4909 -3.07253 102.186 0.586919Z" fill="#C4C4C4"/>
+</mask>
+<g mask="url(#mask0)">
+<g filter="url(#filter0_d)">
+<path d="M86.5648 67.4158C82.7664 63.9367 80.4314 58.9808 80.5268 53.5188C80.7066 43.2156 89.4663 35.0136 100.092 35.199C110.718 35.3845 119.186 43.8873 119.006 54.1905C118.911 59.6531 116.403 64.5252 112.485 67.8696C117.914 72.1038 121.963 79.2588 124.073 88.9688C128.687 110.21 127.917 121.698 98.5911 121.186C68.2651 120.657 68.9433 106.488 71.7591 92.2628C71.9043 91.5293 72.0537 90.7743 72.2033 89.9976C72.803 86.8833 73.7502 83.9571 74.98 81.2671C74.9108 81.2513 74.8414 81.2354 74.7719 81.2192C67.0317 79.4169 57.4187 74.7999 51.204 63.7656C49.2966 60.379 50.5182 56.1011 53.9326 54.2105C57.347 52.32 61.6612 53.5327 63.5686 56.9193C67.3267 63.5917 72.9763 66.3746 78.0055 67.5456C80.553 68.1388 82.8766 68.2938 84.5566 68.2971C84.826 68.2977 85.0766 68.2943 85.3064 68.2884C85.7202 67.9846 86.1398 67.6936 86.5648 67.4158Z" fill="#4C97FF" fill-opacity="0.4"/>
+</g>
+</g>
+<g filter="url(#filter1_d)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M62.7908 19.9693L63.1276 25.1415L59.0583 28.3541C57.6709 29.4473 58.1406 31.6553 59.8518 32.0917L64.8776 33.3684L66.6736 38.2323C67.2851 39.8882 69.531 40.1243 70.4731 38.632L73.2406 34.2474L78.4215 34.043C80.1864 33.9724 81.1034 31.9102 79.9766 30.5519L76.6609 26.5654L78.0666 21.5754C78.5457 19.8744 76.8684 18.3636 75.228 19.0185L70.4097 20.9372L66.1002 18.0586C64.6313 17.0797 62.6776 18.2077 62.7908 19.9693Z" fill="#E9F1FC"/>
+</g>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M137.526 57.3692L135.202 58.0676L133.307 56.5494C132.662 56.0316 131.704 56.4784 131.685 57.3052L131.632 59.7326L129.602 61.0644C128.911 61.5178 129.04 62.5673 129.82 62.84L132.112 63.6408L132.751 65.9831C132.969 66.7808 134.007 66.982 134.508 66.3248L135.977 64.3921L138.402 64.5079C139.229 64.5473 139.741 63.6229 139.27 62.9434L137.887 60.9472L138.746 58.6778C139.038 57.9045 138.318 57.132 137.526 57.3692Z" fill="#4C97FF" fill-opacity="0.5"/>
+<defs>
+<filter id="filter0_d" x="35.3035" y="18.196" width="105.873" height="116.006" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset dy="-2"/>
+<feGaussianBlur stdDeviation="7.5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+<filter id="filter1_d" x="54.2454" y="14.6963" width="30.2257" height="29.9284" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset dy="1"/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.298039 0 0 0 0 0.592157 0 0 0 0 1 0 0 0 0.25 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>

static/images/studios/empty-state-image-mini.svg

+<svg width="200" height="138" viewBox="0 0 200 138" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M117.145 0.625752C170.613 9.41628 203.293 47.8375 199.736 91.1682C196.482 130.82 165.302 133.78 109.632 137.681C53.9624 141.582 13.9998 109.254 13.9998 63.9193C13.9998 13.0914 65.2734 -3.59368 117.145 0.625752Z" fill="#4C97FF" fill-opacity="0.15"/>
+<path d="M23.4733 117.719C18.2514 110.952 9.64069 101.215 3.66741 105.265C-2.30586 109.314 2.94316 118.804 7.13277 121.702C11.3224 124.6 16.4747 130.769 21.3898 131.039C26.3048 131.309 28.6952 124.487 23.4733 117.719Z" fill="#4C97FF" fill-opacity="0.15"/>
+<g filter="url(#filter0_d)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76.2359 105.989C92.0166 108.936 142 101.342 142 101.342C146.775 100.146 153.355 98.9547 151.985 97.3596C142.352 79.1195 142.091 58.8004 136.55 39.399C136.42 38.9438 135.986 38.645 135.514 38.6825L62.7137 44.4631C62.7139 54.0953 64.7039 100.431 76.2359 105.989Z" fill="#E5F0FF"/>
+</g>
+<path opacity="0.25" fill-rule="evenodd" clip-rule="evenodd" d="M81.7248 101.134C95.0988 102.623 136.821 96.8239 136.821 96.8239C140.911 95.9883 146.538 95.1175 145.405 94.1628C139.55 83.1014 138.528 70.0069 136.955 58.9666C136.881 58.4451 136.413 58.0735 135.888 58.1158L68.979 63.5031C68.979 69.8762 72.0221 97.9473 81.7248 101.134Z" fill="#4C97FF"/>
+<path d="M131.605 48.7576C130.029 41.7323 129.392 37.2941 129.029 30.5029C129.003 30.0226 128.38 29.8472 128.11 30.2452L127.865 30.6056C127.692 30.8606 127.332 30.9 127.108 30.6886L126.245 29.8737C126.012 29.6538 125.635 29.7067 125.472 29.9824L124.885 30.9713C124.722 31.247 124.345 31.3 124.112 31.08L123.276 30.2909C123.043 30.071 122.666 30.124 122.503 30.3996L121.903 31.4116C121.744 31.6797 121.381 31.7387 121.146 31.5347L120.486 30.9632C120.172 30.6916 119.684 30.9004 119.664 31.3149C119.303 38.9309 120.02 43.4923 122.332 50.7102C122.463 51.1191 123.015 51.1818 123.234 50.8125L123.738 49.9614C123.902 49.6857 124.279 49.6327 124.512 49.8527L125.348 50.6417C125.581 50.8617 125.958 50.8087 126.121 50.5331L126.707 49.5441C126.87 49.2685 127.247 49.2155 127.48 49.4354L128.316 50.2245C128.549 50.4445 128.926 50.3915 129.09 50.1158L129.695 49.0946C129.852 48.8296 130.209 48.7682 130.446 48.9657L130.793 49.2557C131.161 49.5629 131.709 49.2252 131.605 48.7576Z" fill="#4C97FF" fill-opacity="0.25"/>
+<path d="M81.5661 53.2015C80.6089 46.0656 80.3613 41.5888 80.5909 34.7917C80.6071 34.3111 80.0016 34.082 79.698 34.455L79.4231 34.7927C79.2286 35.0316 78.8664 35.0395 78.6617 34.8094L77.8727 33.9224C77.6597 33.6829 77.2796 33.7028 77.0928 33.9632L76.4227 34.8973C76.2359 35.1577 75.8559 35.1776 75.6429 34.9382L74.8788 34.0793C74.6658 33.8398 74.2858 33.8597 74.099 34.1201L73.4133 35.076C73.2316 35.3292 72.865 35.3563 72.648 35.1326L72.0403 34.5057C71.7514 34.2078 71.2469 34.3733 71.1912 34.7845C70.168 42.34 70.485 46.9466 72.1588 54.3385C72.2536 54.7572 72.7979 54.8678 73.0482 54.519L73.6249 53.7151C73.8117 53.4547 74.1917 53.4348 74.4047 53.6742L75.1688 54.5331C75.3818 54.7726 75.7618 54.7527 75.9486 54.4923L76.6187 53.5582C76.8055 53.2978 77.1856 53.2779 77.3986 53.5173L78.1626 54.3762C78.3756 54.6157 78.7557 54.5958 78.9425 54.3354L79.6345 53.3708C79.814 53.1204 80.175 53.0905 80.3934 53.3078L80.7143 53.627C81.0539 53.965 81.6298 53.6765 81.5661 53.2015Z" fill="#4C97FF" fill-opacity="0.25"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M108.364 88.3877C113.351 87.7753 117.17 85.3054 116.59 80.5877C116.447 79.4217 116.117 78.4608 115.618 77.6845L114.933 70.8494C114.84 70.096 113.896 69.775 113.325 70.3003L109.813 73.5175C108.866 73.1784 107.723 73.1185 106.507 73.2678C105.296 73.4166 104.22 73.7489 103.384 74.3068L99.197 72.035C98.4972 71.6657 97.6587 72.2057 97.7702 72.9567L98.7589 79.7545C98.46 80.6288 98.3745 81.6408 98.5176 82.8068C99.0969 87.5244 103.378 88.9999 108.364 88.3877ZM109.904 85.2504C110.646 85.1594 111.308 84.7685 111.716 84.1721C111.95 83.872 111.858 83.4446 111.525 83.2305C111.212 83.0322 110.76 83.1242 110.531 83.4454C110.349 83.7027 110.061 83.8655 109.739 83.9051C109.132 83.9796 108.563 83.5761 108.49 82.9841L108.369 81.9975C109.434 81.5754 110.16 80.5958 110.09 80.02C110.002 79.3025 108.807 79.4492 107.366 79.6262C105.907 79.8052 104.731 79.9496 104.82 80.6671C104.89 81.2429 105.794 82.0223 106.944 82.1542L107.068 83.1587C107.14 83.7507 106.707 84.2774 106.098 84.3521C105.758 84.3938 105.438 84.3057 105.201 84.0999C104.919 83.8414 104.459 83.8614 104.184 84.1319C103.914 84.42 103.946 84.8549 104.227 85.0917C104.767 85.5716 105.504 85.7906 106.263 85.6975C106.965 85.6113 107.574 85.2469 107.993 84.7403C108.506 85.1326 109.183 85.3389 109.904 85.2504Z" fill="#E5F0FF"/>
+<defs>
+<filter id="filter0_d" x="58.7137" y="38.6792" width="97.4555" height="75.9893" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="2"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.298039 0 0 0 0 0.592157 0 0 0 0 1 0 0 0 0.5 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow" result="shape"/>
+</filter>
+</defs>
+</svg>