Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[CYS] Add two more loading frames to loading sequence (#41148) 

* Add more loaders

* Add changelog

* Change interval time
This commit is contained in:
Chi-Hsuan Huang 2023-11-01 15:42:36 +08:00 committed by GitHub
parent 79138bf13c
commit 38d0081fab
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 113 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
plugins/woocommerce-admin/client/customize-store/assets/images/loader-generating-content.svg Normal file
View File

@ -0,0 +1,33 @@
<svg width="210" height="136" viewBox="0 0 210 136" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="209.78" height="136" transform="translate(0.110107)" fill="white"/>
<path d="M201.543 18.6301V15.1413L198.656 14.7634C198.395 13.551 197.918 12.4201 197.267 11.4142L199.037 9.10577L196.572 6.64038L194.264 8.41093C193.258 7.75678 192.127 7.27998 190.912 7.02123L190.537 4.13428H187.049L186.671 7.02123C185.459 7.27998 184.328 7.75678 183.322 8.41093L181.014 6.64038L178.549 9.10577L180.319 11.4142C179.665 12.4201 179.188 13.551 178.93 14.7634L176.043 15.1413V18.6301L178.93 19.0081C179.188 20.2204 179.665 21.3514 180.319 22.3573L178.549 24.6657L181.014 27.1311L183.322 25.3605C184.328 26.0147 185.459 26.4915 186.671 26.7502L187.049 29.6343H190.537L190.915 26.7502C192.127 26.4915 193.258 26.0147 194.264 25.3605L196.572 27.1311L199.037 24.6657L197.267 22.3573C197.921 21.3514 198.398 20.2204 198.656 19.0081L201.543 18.6301Z" fill="#BEA0F2"/>
<path d="M29.7446 4.134L29.7446 70.094H36.5446L36.5446 4.134H29.7446Z" fill="#271B3D"/>
<path d="M27.7215 53.1251C29.8873 53.1251 30.5333 51.5271 33.1411 51.5271C35.7489 51.5271 36.3949 53.1251 38.5607 53.1251C40.8795 53.1251 41.6411 51.1055 41.6411 48.6507C41.6411 46.1959 40.8795 44.1763 38.5607 44.1763C36.3949 44.1763 35.7489 45.7743 33.1411 45.7743C30.5333 45.7743 29.8873 44.1763 27.7215 44.1763C25.4027 44.1763 24.6411 46.1959 24.6411 48.6507C24.6411 51.1055 25.4027 53.1251 27.7215 53.1251Z" fill="#BEA0F2"/>
<path d="M106.87 102H66.0703V105.4H106.87V102Z" fill="#271B3D"/>
<path d="M122.85 108.8H66.0703V112.2H122.85V108.8Z" fill="#271B3D"/>
<path d="M123.928 123.42H66.1279V131.92H123.928V123.42Z" fill="#BEA0F2"/>
<path d="M98.0303 115.6H66.0703V119H98.0303V115.6Z" fill="#271B3D"/>
<path d="M205.868 80.3523V65.9363H181.691C181.691 65.9363 184.285 60.6391 184.285 54.7197C184.285 48.8003 180.46 42.8435 173.085 42.8435C165.711 42.8435 161.886 48.9907 161.886 54.7197C161.886 60.4487 164.48 65.9363 164.48 65.9363H146.803V75.0619V80.3523C137.994 75.3679 127.682 77.0543 127.682 87.4073C127.682 97.7603 137.994 99.4467 146.803 94.4623V108.878H164.48C164.48 108.878 161.886 114.176 161.886 120.095C161.886 126.014 165.711 131.971 173.085 131.971C180.46 131.971 184.285 125.824 184.285 120.095C184.285 114.366 181.691 108.878 181.691 108.878H205.868V94.4623C197.059 99.4467 186.746 97.7603 186.746 87.4073C186.746 77.0543 197.059 75.3679 205.868 80.3523Z" fill="#271B3D"/>
<path d="M61.9902 74.1199H4.19019V131.92H61.9902V74.1199Z" fill="#BEA0F2"/>
<path d="M22.4957 78.4377C27.7317 80.2737 29.0033 86.5161 29.0033 86.5161C29.0033 86.5161 31.7539 80.7361 40.1281 80.7565C36.2963 90.0521 31.5839 109.184 34.1407 116.14C36.7485 123.229 46.9315 120.316 46.7071 126.912H31.8763L27.9391 122.978L27.4291 122.985L28.0445 126.912H21.8837C20.3945 118.272 16.7123 98.4535 22.4923 78.4377H22.4957Z" fill="white"/>
<path d="M50.0901 4.134L50.0901 70.094H56.8901L56.8901 4.134H50.0901Z" fill="#271B3D"/>
<path d="M48.0706 31.171C50.2364 31.171 50.8824 29.573 53.4902 29.573C56.098 29.573 56.744 31.171 58.9098 31.171C61.2286 31.171 61.9902 29.1514 61.9902 26.6966C61.9902 24.2418 61.2286 22.2222 58.9098 22.2222C56.744 22.2222 56.098 23.8202 53.4902 23.8202C50.8824 23.8202 50.2364 22.2222 48.0706 22.2222C45.7518 22.2222 44.9902 24.2418 44.9902 26.6966C44.9902 29.1514 45.7518 31.171 48.0706 31.171Z" fill="#BEA0F2"/>
<path d="M86.5822 43.1796C97.3794 43.1796 106.132 34.4268 106.132 23.6296C106.132 12.8324 97.3794 4.07959 86.5822 4.07959C75.7851 4.07959 67.0322 12.8324 67.0322 23.6296C67.0322 34.4268 75.7851 43.1796 86.5822 43.1796Z" fill="#271B3D"/>
<path d="M86.5821 43.1795C91.9677 43.1795 96.8399 41.0035 100.376 37.4811C98.6011 30.5757 93.0999 25.5403 86.5821 25.5403C80.0643 25.5403 74.5631 30.5757 72.7883 37.4811C76.3243 41.0035 81.1999 43.1795 86.5821 43.1795Z" fill="#BEA0F2"/>
<path d="M86.5822 23.2895C90.4636 23.2895 93.61 20.143 93.61 16.2617C93.61 12.3803 90.4636 9.23389 86.5822 9.23389C82.7009 9.23389 79.5544 12.3803 79.5544 16.2617C79.5544 20.143 82.7009 23.2895 86.5822 23.2895Z" fill="#BEA0F2"/>
<path d="M25.1306 84.5918C31.8864 94.5708 31.0772 113.257 26.2526 113.444C20.7276 113.658 23.6482 93.3604 34.4432 87.1588" stroke="#261B3C" stroke-width="0.34" stroke-miterlimit="10"/>
<path d="M9.39551 4.134L9.39551 70.094H16.1955L16.1955 4.134H9.39551Z" fill="#271B3D"/>
<path d="M7.37605 40.9935C9.54185 40.9935 10.1879 39.3955 12.7957 39.3955C15.4035 39.3955 16.0495 40.9935 18.2153 40.9935C20.5341 40.9935 21.2957 38.9739 21.2957 36.5191C21.2957 34.0643 20.5341 32.0447 18.2153 32.0447C16.0495 32.0447 15.4035 33.6427 12.7957 33.6427C10.1879 33.6427 9.54185 32.0447 7.37605 32.0447C5.05725 32.0447 4.29565 34.0643 4.29565 36.5191C4.29565 38.9739 5.05725 40.9935 7.37605 40.9935Z" fill="#BEA0F2"/>
<path d="M23.1044 80.835C19.1298 105.07 21.4316 117.246 23.5226 125.27" stroke="#271B3D" stroke-width="0.34" stroke-miterlimit="10"/>
<path d="M31.5839 106.978C31.5839 106.978 29.2821 116.909 37.1395 122.183" stroke="#271B3D" stroke-width="0.34" stroke-miterlimit="10"/>
<path d="M205.279 30.6477C197.136 37.9611 177.685 36.7269 172.15 24.1401" stroke="#271B3D" stroke-width="0.34" stroke-miterlimit="10"/>
<path d="M135.1 37.7569L151.532 43.3195L166.455 33.8304L168.634 16.4275L156.426 4.21948L139.027 6.39864L129.534 21.3222L135.1 37.7569Z" fill="#BEA0F2"/>
<path d="M157.736 15.1218L139.897 32.9565" stroke="#271B3D" stroke-width="0.34" stroke-miterlimit="10"/>
<path d="M112.65 65.96H66.7502V74.12H112.65V65.96Z" fill="#271B3D"/>
<path d="M112.65 74.1199H66.7502V94.8599H112.65V74.1199Z" fill="#BEA0F2"/>
<path d="M72.0985 71.5494C72.9848 71.5494 73.7033 70.831 73.7033 69.9446C73.7033 69.0583 72.9848 68.3398 72.0985 68.3398C71.2121 68.3398 70.4937 69.0583 70.4937 69.9446C70.4937 70.831 71.2121 71.5494 72.0985 71.5494Z" fill="white"/>
<path d="M77.8272 71.5494C78.7135 71.5494 79.432 70.831 79.432 69.9446C79.432 69.0583 78.7135 68.3398 77.8272 68.3398C76.9409 68.3398 76.2224 69.0583 76.2224 69.9446C76.2224 70.831 76.9409 71.5494 77.8272 71.5494Z" fill="white"/>
<path d="M67.0901 57.12C67.0901 55.2609 68.5249 53.7482 70.3099 53.72H138.34C140.146 53.72 141.611 55.2433 141.611 57.12C141.611 58.9967 140.146 60.52 138.34 60.52H70.3031C68.5249 60.52 67.0901 58.979 67.0901 57.12Z" fill="#BEA0F2"/>
<path d="M70.3031 60.52H120.361V53.72H70.3099C68.5283 53.7482 67.0901 55.2609 67.0901 57.12C67.0901 58.979 68.5215 60.52 70.3031 60.52Z" fill="#271B3D"/>
<path d="M188.95 21.0189C191.468 21.0189 193.509 18.9776 193.509 16.4595C193.509 13.9415 191.468 11.9001 188.95 11.9001C186.431 11.9001 184.39 13.9415 184.39 16.4595C184.39 18.9776 186.431 21.0189 188.95 21.0189Z" fill="white"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 6.5 KiB

47
plugins/woocommerce-admin/client/customize-store/assets/images/loader-opening-the-doors.svg Normal file
View File

@ -0,0 +1,47 @@
<svg width="210" height="136" viewBox="0 0 210 136" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="209.829" height="136" transform="translate(0.0856934)" fill="white"/>
<path d="M143.939 4.08008H81.0244V24.4801H143.939V4.08008Z" fill="#BEA0F2"/>
<path d="M66.0609 4.08008H24.9114V7.48008H66.0609V4.08008Z" fill="#271B3D"/>
<path d="M56.1986 17.6802H24.9114V21.0802H56.1986V17.6802Z" fill="#271B3D"/>
<path d="M76.9434 10.8804H25.2515V14.2804H76.9434V10.8804Z" fill="#271B3D"/>
<path d="M12.6685 21.0801C17.364 21.0801 21.1704 17.2745 21.1704 12.5801C21.1704 7.88566 17.364 4.08008 12.6685 4.08008C7.97296 4.08008 4.1665 7.88566 4.1665 12.5801C4.1665 17.2745 7.97296 21.0801 12.6685 21.0801Z" fill="#271B3D"/>
<path d="M37.7595 103.02C37.7595 98.3705 41.3508 94.5907 45.8058 94.52H105.738C110.254 94.52 113.913 98.3245 113.913 103.02C113.913 107.716 110.254 111.52 105.738 111.52H45.7922C41.344 111.52 37.7595 107.662 37.7595 103.02Z" fill="#BEA0F2"/>
<path d="M45.7922 111.52H83.2995V94.52H45.8058C41.3508 94.5907 37.7595 98.3705 37.7595 103.02C37.7595 107.666 41.3406 111.52 45.7922 111.52Z" fill="#271B3D"/>
<path d="M205.769 65.96H147.955V69.36H205.769V65.96Z" fill="#271B3D"/>
<path d="M176.862 72.7598H147.955V76.1598H176.862V72.7598Z" fill="#271B3D"/>
<path d="M139.827 16.7449L140.188 7.86409L125.949 22.1985L125.245 21.4947L139.569 7.27249L130.72 7.63289L130.605 6.66729L141.011 6.35449L141.093 6.43609L140.797 16.8571L139.831 16.7415L139.827 16.7449Z" fill="black"/>
<path d="M205.833 95.54H120.814V131.92H205.833V95.54Z" fill="#BEA0F2"/>
<path d="M205.769 4.08008H147.955V61.8801H205.769V4.08008Z" fill="#271B3D"/>
<path d="M195.577 31.4619V25.1052H192.553V31.4619H188.913V28.2835H185.889V31.4619H174.01C173.281 26.7444 169.207 23.1196 164.304 23.1196C158.89 23.1196 154.481 27.5407 154.481 32.9796C154.481 38.4185 158.886 42.8396 164.304 42.8396C169.207 42.8396 173.281 39.2185 174.01 34.4974H199.032V31.4619H195.581H195.577ZM164.301 39.8041C160.555 39.8041 157.506 36.7436 157.506 32.9832C157.506 29.2228 160.555 26.1623 164.301 26.1623C168.047 26.1623 171.096 29.2228 171.096 32.9832C171.096 36.7436 168.047 39.8041 164.301 39.8041Z" fill="white"/>
<path d="M80.783 74.5077C91.5827 74.5077 100.338 65.7549 100.338 54.9577C100.338 44.1606 91.5827 35.4077 80.783 35.4077C69.9834 35.4077 61.2285 44.1606 61.2285 54.9577C61.2285 65.7549 69.9834 74.5077 80.783 74.5077Z" fill="#BEA0F2"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M83.7965 55.3466C85.7648 54.1463 88.1051 52.1176 88.1051 48.7635C88.1051 44.3341 84.7198 41.5649 80.7832 41.5649C76.8466 41.5649 73.4612 44.3341 73.4612 48.7635C73.4612 52.1142 75.7981 54.1463 77.7698 55.3466L72.4771 67.5764H89.0926L83.7999 55.3466H83.7965Z" fill="#271B3D"/>
<path d="M191.438 117.633C189.918 119.133 185.415 122.811 182.875 121.846C182.572 121.73 182.364 121.526 182.228 121.21C181.582 119.711 182.439 116.107 184.776 110.493L183.572 109.732C183.344 109.983 179.008 114.781 175.614 119.109L177.96 110.609L176.644 110.041C176.624 110.072 174.679 113.268 172.179 116.307C169.054 120.112 166.401 122.043 164.721 121.754C164.252 121.672 163.878 121.417 163.606 120.992C163.357 120.601 163.204 120.088 163.147 119.486C167 118.405 170.349 116.056 171.155 113.424C171.482 112.356 171.363 111.323 170.822 110.595C170.451 110.092 169.714 109.494 168.306 109.494C165.252 109.494 162.977 112.87 162.072 116.219C161.868 116.97 161.745 117.691 161.698 118.361C160.773 118.555 159.841 118.657 158.936 118.67C159.215 118.109 159.464 117.528 159.674 116.95C160.678 114.209 161.045 110.898 159.069 109.817C157.869 109.16 155.774 109.432 153.332 111.85L153.774 110.201L152.635 109.443C151.383 110.412 149.897 111.173 148.377 111.683C148.547 111.064 148.69 110.446 148.795 109.84C149.55 105.529 148.435 102.425 145.738 101.317C143.83 100.535 141.555 100.966 139.804 102.449C137.841 104.111 136.964 106.658 137.515 109.096C137.988 111.187 139.29 112.669 141.283 113.383C142.759 113.914 144.459 113.971 146.17 113.706C144.425 118.014 141.429 121.608 139.076 121.706C138.205 121.74 137.494 121.383 136.94 120.639C135.532 118.748 135.491 114.998 136.842 111.078L135.474 110.605C133.951 115.029 134.066 119.204 135.78 121.499C136.627 122.635 137.784 123.202 139.137 123.145C142.5 123.002 146.054 118.31 147.846 113.339C149.282 112.948 150.673 112.36 151.887 111.663L147.707 127.245L149.105 127.619L151.101 120.183C151.23 120.829 151.441 121.428 151.761 121.921C152.199 122.594 152.801 123.012 153.546 123.162C153.713 123.196 153.876 123.213 154.039 123.213C155.529 123.213 156.981 121.88 158.127 120.091C159.314 120.142 160.535 120.04 161.732 119.809C161.827 120.561 162.045 121.217 162.388 121.757C162.881 122.529 163.602 123.015 164.476 123.168C166.762 123.563 169.734 121.56 173.308 117.205C174.067 116.283 174.767 115.355 175.383 114.505L173.196 122.431L174.488 123.032C176.413 120.238 179.678 116.362 181.987 113.703C180.603 117.671 180.259 120.275 180.906 121.768C181.198 122.451 181.691 122.927 182.368 123.185C182.827 123.359 183.313 123.437 183.81 123.437C187.493 123.437 191.91 119.197 192.461 118.65L191.445 117.62L191.438 117.633ZM163.466 116.593C164.201 113.869 166.027 110.939 168.302 110.939C168.748 110.939 169.343 111.027 169.656 111.452C169.921 111.809 169.962 112.373 169.771 112.999C169.336 114.424 167.707 115.947 165.415 117.079C164.697 117.433 163.949 117.732 163.187 117.97C163.245 117.531 163.337 117.072 163.466 116.593ZM147.37 109.592C147.221 110.439 147.006 111.292 146.741 112.132C144.905 112.523 143.13 112.516 141.773 112.03C140.249 111.483 139.29 110.391 138.926 108.783C138.409 106.498 139.521 104.584 140.739 103.557C141.657 102.782 142.715 102.374 143.745 102.374C144.238 102.374 144.728 102.466 145.19 102.656C147.948 103.785 147.741 107.488 147.37 109.592ZM153.828 121.757C153.468 121.683 153.193 121.489 152.965 121.142C151.995 119.66 152.424 116.205 152.703 114.815C154.753 112.03 157.178 110.429 158.375 111.088C159.294 111.591 159.27 113.849 158.317 116.457C157.151 119.646 155.134 122.029 153.828 121.761V121.757Z" fill="#271B3D"/>
<path d="M122.708 97.1278L163.279 84.167" stroke="#261B3C" stroke-width="0.961714" stroke-miterlimit="10"/>
<path d="M203.511 97.1278L163.279 84.167" stroke="#261B3C" stroke-width="0.961714" stroke-miterlimit="10"/>
<path d="M163.181 85.7721C164.067 85.7721 164.786 85.0536 164.786 84.1673C164.786 83.281 164.067 82.5625 163.181 82.5625C162.294 82.5625 161.575 83.281 161.575 84.1673C161.575 85.0536 162.294 85.7721 163.181 85.7721Z" fill="#271B3D"/>
<path d="M196.311 11.1056L201.412 17.0001V4.08008H191.21V17.0001L196.311 11.1056Z" fill="#BEA0F2"/>
<path d="M22.1228 55.1958C11.8354 55.1958 4.28223 63.2062 4.28223 73.0322C4.28223 78.581 6.59136 83.5042 11.2436 87.013C14.9811 89.8316 17.0692 90.923 17.0692 95.7918V127.949L22.0479 131.862V131.92L22.0853 131.89L22.1228 131.92V131.862L27.1015 127.949V121.489L23.5341 117.922L26.6934 114.764L23.5341 111.605L26.6934 108.447L23.5341 105.288L27.1015 101.721V95.7884C27.1015 90.9196 29.1896 89.8282 32.9271 87.0096C37.5759 83.5008 39.8885 78.5776 39.8885 73.0288C39.8885 63.2028 32.4101 55.1924 22.1262 55.1924L22.1228 55.1958ZM22.0853 71.8524C19.1505 71.8524 16.7733 69.4758 16.7733 66.5416C16.7733 63.6074 19.1505 61.2308 22.0853 61.2308C25.0202 61.2308 27.3974 63.6074 27.3974 66.5416C27.3974 69.4758 25.0202 71.8524 22.0853 71.8524Z" fill="#271B3D"/>
<path d="M18.6746 62.4718L18.678 62.4683V62.4648L18.6746 62.4718Z" fill="#BEA0F2"/>
<path d="M36.8924 35.4043C26.0336 35.4043 17.229 44.2069 17.229 55.0631C17.229 55.3215 17.2358 55.5799 17.246 55.8349C18.4703 55.5051 19.7524 55.2943 21.0855 55.2229C21.0855 55.1685 21.0821 55.1175 21.0821 55.0631C21.0821 46.3489 28.1727 39.2599 36.889 39.2599C45.6052 39.2599 52.6958 46.3489 52.6958 55.0631C52.6958 63.7773 45.6052 70.8663 36.889 70.8663C30.3628 70.8663 24.7515 66.8951 22.3404 61.2409C22.2554 61.2375 22.1703 61.2273 22.0819 61.2273C20.7862 61.2273 19.5994 61.6931 18.6777 62.4649C21.6024 69.6525 28.6522 74.7219 36.8924 74.7219C47.7511 74.7219 56.5557 65.9193 56.5557 55.0631C56.5557 44.2069 47.7511 35.4043 36.8924 35.4043Z" fill="#BEA0F2"/>
<g clip-path="url(#clip0_7234_132480)">
<path d="M124.311 44.9368C129.999 44.9368 134.629 49.5618 134.629 55.2519C134.629 60.9419 130.003 65.567 124.311 65.567C118.62 65.567 113.994 60.9419 113.994 55.2519C113.994 49.5618 118.62 44.9368 124.311 44.9368ZM124.311 35.7002C113.514 35.7002 104.759 44.4533 104.759 55.2485C104.759 66.0437 113.514 74.7968 124.311 74.7968C135.109 74.7968 143.864 66.0437 143.864 55.2485C143.864 44.4533 135.112 35.7002 124.311 35.7002Z" fill="#271B3D"/>
<path d="M114.636 38.2629L119.29 46.2452C120.778 45.4135 122.489 44.9334 124.311 44.9334V35.7002C120.791 35.7002 117.491 36.6367 114.636 38.2629Z" fill="#BEA0F2"/>
</g>
<g clip-path="url(#clip1_7234_132480)">
<path d="M37.8342 123.418C37.8342 118.77 41.4255 114.994 45.8805 114.92H105.813C110.329 114.92 113.988 118.724 113.988 123.418C113.988 128.113 110.329 131.916 105.813 131.916H45.8669C41.4153 131.916 37.8342 128.063 37.8342 123.418Z" fill="#BEA0F2"/>
<path d="M37.8342 123.418C37.8342 118.77 41.4255 114.994 45.8805 114.92H105.813C110.329 114.92 113.988 118.724 113.988 123.418C113.988 128.113 110.329 131.916 105.813 131.916H45.8669C41.4153 131.916 37.8342 128.063 37.8342 123.418Z" fill="#BEA0F2"/>
<path d="M56.083 131.916H61.6603L68.3803 114.92H62.803L56.083 131.916Z" fill="#271B3D"/>
<path d="M78.3037 131.916H83.881L90.601 114.92H85.0237L78.3037 131.916Z" fill="#271B3D"/>
<path d="M73.9133 114.92L67.1934 131.916H72.7707L79.4906 114.92H73.9133Z" fill="#271B3D"/>
<path d="M57.2698 114.92H51.6925L44.9929 131.863C45.2786 131.895 45.5711 131.916 45.8669 131.916H50.5498L57.2698 114.92Z" fill="#271B3D"/>
<path d="M40.3576 129.59L46.1594 114.92H45.8839C42.83 114.969 40.1876 116.758 38.8205 119.371L38.1607 121.036C37.9499 121.792 37.8342 122.591 37.8342 123.418C37.8342 125.833 38.8035 128.031 40.3576 129.587V129.59Z" fill="#271B3D"/>
</g>
<defs>
<clipPath id="clip0_7234_132480">
<rect width="39.1091" height="39.1" fill="white" transform="translate(104.759 35.7002)"/>
</clipPath>
<clipPath id="clip1_7234_132480">
<rect width="76.1538" height="17" fill="white" transform="translate(37.8342 114.92)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

35
plugins/woocommerce-admin/client/customize-store/design-with-ai/pages/ApiCallLoader.tsx
View File

@ -13,6 +13,8 @@ import designingTheBestLook from '../../assets/images/loader-designing-the-best-
import comparingTheTopPerformingStores from '../../assets/images/loader-comparing-top-performing-stores.svg';
import assemblingAiOptimizedStore from '../../assets/images/loader-assembling-ai-optimized-store.svg';
import applyingFinishingTouches from '../../assets/images/loader-applying-the-finishing-touches.svg';
import generatingContent from '../../assets/images/loader-generating-content.svg';
import openingTheDoors from '../../assets/images/loader-opening-the-doors.svg';
const loaderSteps = [
{
@ -23,7 +25,7 @@ const loaderSteps = [
alt={ __( 'Analyzing your responses', 'woocommerce' ) }
/>
),
progress: 17,
progress: 14,
},
{
title: __( 'Comparing the top performing stores', 'woocommerce' ),
@ -36,7 +38,7 @@ const loaderSteps = [
) }
/>
),
progress: 33,
progress: 28,
},
{
title: __( 'Designing the best look for your business', 'woocommerce' ),
@ -49,7 +51,17 @@ const loaderSteps = [
) }
/>
),
progress: 50,
progress: 42,
},
{
title: __( 'Generating content', 'woocommerce' ),
image: (
<img
src={ generatingContent }
alt={ __( 'Generating content', 'woocommerce' ) }
/>
),
progress: 56,
},
{
title: __( 'Assembling your AI-optimized store', 'woocommerce' ),
@ -62,7 +74,7 @@ const loaderSteps = [
) }
/>
),
progress: 66,
progress: 70,
},
{
title: __( 'Applying the finishing touches', 'woocommerce' ),
@ -72,7 +84,17 @@ const loaderSteps = [
alt={ __( 'Applying the finishing touches', 'woocommerce' ) }
/>
),
progress: 83,
progress: 84,
},
{
title: __( 'Opening the doors', 'woocommerce' ),
image: (
<img
src={ openingTheDoors }
alt={ __( 'Opening the doors', 'woocommerce' ) }
/>
),
progress: 100,
},
];
@ -86,8 +108,9 @@ export const ApiCallLoader = () => {
img.onload = () => {};
};
// We preload the assemblingAiOptimizedStore to avoid flickering. We only need to preload it because the others are small enough to be inlined in base64.
// We preload the these images to avoid flickering. We only need to preload them because the others are small enough to be inlined in base64.
preload( assemblingAiOptimizedStore );
preload( openingTheDoors );
}, [] );
return (

4
plugins/woocommerce/changelog/update-cys-loading-screen Normal file
View File

@ -0,0 +1,4 @@
Significance: patch
Type: update
Add more loaders to cys loading screen