Skip to content

Commit

Permalink
fix: Update spinner SVG according to new design (#137)
Browse files Browse the repository at this point in the history
  • Loading branch information
@RabbitDoge
RabbitDoge committed Jan 18, 2021
1 parent cf8b7d7 commit a9267e9
Show file tree
Hide file tree
Showing 5 changed files with 78 additions and 73 deletions.
72 changes: 40 additions & 32 deletions src/__tests__/components/spinner.test.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,89 +12,97 @@ it("renders correctly", () => {
<svg
class="sc-bdfBwQ jvKaGz sc-dlfnbm mabrO"
color="text"
viewBox="0 0 211 247"
width="122.99999999999999px"
viewBox="0 0 128 128"
width="150px"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M98.5 69.2202C98.5 86.8899 95.5393 106.687 90.406 121.977C87.8347 129.636 84.7771 135.985 81.4054 140.359C78.0035 144.771 74.6547 146.72 71.5 146.72C65.4042 146.72 58.0548 144.022 50.2894 139.078C42.5767 134.169 34.7154 127.21 27.6574 119.102C13.4446 102.776 3 82.4039 3 65.5C3 47.8712 6.44849 32.1936 13.6468 21.0232C20.7417 10.0131 31.5601 3.22022 47 3.22022C62.3893 3.22022 75.1799 10.9068 84.2185 23.0496C93.2871 35.2326 98.5 51.8347 98.5 69.2202Z"
fill="#FEDC90"
stroke="#D1884F"
stroke-width="6"
/>
<path
d="M152.625 135.068C137.447 126.305 119.709 120.859 104.759 119.506C97.2807 118.83 90.649 119.192 85.4495 120.574C80.2215 121.963 76.7975 124.277 75.0982 127.22C68.7665 138.187 68.033 157.294 73.0037 176.254C77.9571 195.149 88.3001 212.823 102.875 221.238C117.995 229.967 133.879 233.799 147.803 232.137C161.633 230.487 173.655 223.419 181.402 210C189.157 196.568 189.451 182.272 184.128 169.125C178.778 155.911 167.701 143.772 152.625 135.068Z"
fill="#D1884F"
stroke="#633001"
stroke-width="6"
/>
<path
clip-rule="evenodd"
d="M60 1.72027C69.5 4.22036 79.8963 9.24883 88 20.7203C106.014 46.2203 108.5 83.7202 93 126.221C77.5 168.721 84.4973 189.114 99.7486 206.667C115 224.22 160 229.72 172 217.22C175.5 213.574 187 204.721 180.5 216.22C174 227.72 158 238.22 138 238.22C118 238.22 105.228 232.22 87 212.721C68.7718 193.221 58.9999 158.328 72.5 120.72C89.14 74.366 82.0307 44.8748 69.6781 27.3887C63.3443 18.4226 55.6252 12.1371 48.6945 8.11743C41.4173 3.89675 34.5002 3.22031 30 3.22031C38 -0.779691 50.5 -0.779826 60 1.72027Z"
fill="#633001"
fill-rule="evenodd"
/>
<svg
fill="none"
height="128"
viewBox="0 0 128 128"
width="128"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M56.7204 37.5858C56.7204 45.3822 58.0271 54.1169 60.2906 60.8591C61.4246 64.2369 62.7705 67.0285 64.249 68.946C65.742 70.8826 67.1906 71.7103 68.5307 71.7103C71.1919 71.7103 74.4165 70.5307 77.8384 68.3524C81.235 66.1902 84.7001 63.1234 87.8127 59.5481C94.0844 52.3439 98.6784 43.3694 98.6784 35.942C98.6784 28.1653 97.1567 21.2636 93.9931 16.3543C90.8793 11.5222 86.1363 8.54284 79.3564 8.54284C72.6009 8.54284 66.9825 11.9157 63.0072 17.2564C59.0174 22.6164 56.7204 29.9263 56.7204 37.5858Z"
fill="#FEDC90"
stroke="#D1884F"
stroke-width="2.89134"
/>
<path
d="M32.7442 66.7859C39.4364 62.9222 47.2575 60.5211 53.8454 59.9252C57.1411 59.6272 60.0564 59.7876 62.336 60.3933C64.6294 61.0028 66.1079 62.0118 66.8368 63.2742C69.6116 68.0804 69.9429 76.4856 67.7501 84.8501C65.5656 93.1829 61.0085 100.957 54.6069 104.653C47.9434 108.5 40.9505 110.185 34.8292 109.454C28.7533 108.729 23.476 105.626 20.0729 99.7316C16.6658 93.8305 16.5364 87.5528 18.8757 81.7754C21.228 75.9659 26.1018 70.6209 32.7442 66.7859Z"
fill="#D1884F"
stroke="#633001"
stroke-width="2.89134"
/>
<path
clip-rule="evenodd"
d="M73.6122 7.76013C69.4145 8.86483 64.8207 11.0867 61.24 16.1556C53.2804 27.4231 51.7006 41.9592 58.5495 60.7386C65.3984 79.518 63.3431 89.9236 56.0487 98.3189C48.7543 106.714 29.475 108.685 23.3482 101.929C21.8481 100.274 17.4954 97.4588 20.3675 102.54C23.2397 107.622 30.7527 111.748 39.59 111.748C48.4273 111.748 55.5943 108.146 61.958 101.338C68.3217 94.5306 74.292 78.3883 68.3268 61.7709C60.6331 40.3385 62.8311 27.508 68.2893 19.7815C71.0879 15.8198 75.5453 12.3629 78.6077 10.5868C81.8233 8.72183 84.8797 8.42294 86.8682 8.42294C83.3332 6.65548 77.8099 6.65542 73.6122 7.76013Z"
fill="#633001"
fill-rule="evenodd"
/>
</svg>
</svg>
<svg
class="sc-bdfBwQ jvKaGz sc-hKgILt cMmkZP"
color="text"
viewBox="0 0 512 512"
viewBox="0 0 256 256"
width="300px"
xmlns="http://www.w3.org/2000/svg"
>
<path
clip-rule="evenodd"
d="M333.796 408.559C344.804 381.59 340.394 352.254 333.884 327.267C329.493 310.415 313.045 298.086 286.679 292.678C260.579 287.325 226.46 289.24 190.424 299.316C154.388 309.393 123.973 325.523 104.018 343.754C83.8589 362.171 75.6327 381.4 80.0235 398.252C86.5337 423.239 96.9713 450.889 119.584 468.456C141.893 485.788 177.54 494.387 236.923 477.782C296.305 461.178 322.935 435.165 333.796 408.559ZM238.535 483.972C359.492 450.15 353.027 376.145 339.857 325.597C329.244 284.861 262.212 272.603 188.811 293.127C115.411 313.651 63.4366 359.186 74.0503 399.922C87.2204 450.47 117.578 517.794 238.535 483.972Z"
d="M166.898 204.279C172.402 190.795 170.197 176.127 166.942 163.633C164.747 155.208 156.522 149.043 143.339 146.339C130.289 143.662 113.23 144.62 95.212 149.658C77.1941 154.696 61.9863 162.761 52.0088 171.877C41.9295 181.085 37.8164 190.7 40.0117 199.126C43.2669 211.619 48.4857 225.444 59.7919 234.228C70.9463 242.894 88.7701 247.193 118.461 238.891C148.152 230.589 161.467 217.582 166.898 204.279ZM119.268 241.986C179.746 225.075 176.514 188.072 169.929 162.798C164.622 142.43 131.106 136.301 94.4056 146.563C57.7053 156.825 31.7183 179.593 37.0251 199.961C43.6102 225.235 58.7891 258.897 119.268 241.986Z"
fill="#464649"
fill-rule="evenodd"
/>
<path
d="M311.602 351.361C317.307 373.257 360.701 363.153 429.955 343.788C499.208 324.424 514.315 301.156 508.61 279.26C502.905 257.364 489.369 242.105 433.356 257.768C364.102 277.132 305.897 329.465 311.602 351.361Z"
d="M155.801 175.68C158.653 186.628 180.351 181.576 214.977 171.894C249.604 162.212 257.158 150.578 254.305 139.63C251.453 128.682 244.685 121.053 216.678 128.884C182.051 138.566 152.948 164.732 155.801 175.68Z"
fill="#606063"
/>
<path
d="M319.939 357.474L350.875 357.417C356.567 357.407 357.046 348.858 354.948 329.629C353.64 317.633 346.914 308.202 342.54 310.954L319.885 327.749L319.939 357.474Z"
d="M159.97 178.737L175.437 178.709C178.284 178.704 178.523 174.429 177.474 164.815C176.82 158.816 173.457 154.101 171.27 155.477L159.942 163.875L159.97 178.737Z"
fill="#464649"
/>
<path
clip-rule="evenodd"
d="M324.521 355.992C320.118 354.639 318.316 352.533 317.575 349.691C317.289 348.592 317.273 346.749 318.207 343.93C319.133 341.135 320.865 337.779 323.508 333.96C328.794 326.323 337.225 317.55 348.183 308.664C370.074 290.913 401.199 273.4 434.968 263.957C462.681 256.209 478.402 256.595 487.554 260.383C496.035 263.893 500.011 270.851 502.637 280.93C503.802 285.401 503.855 289.696 502.566 293.925C501.268 298.183 498.47 302.823 493.243 307.717C482.624 317.66 462.683 327.996 428.342 337.599C393.597 347.314 365.934 354.526 346.298 356.672C336.432 357.75 329.288 357.457 324.521 355.992ZM429.955 343.788C360.701 363.153 317.307 373.257 311.602 351.361C305.897 329.465 364.102 277.132 433.356 257.768C489.369 242.105 502.905 257.364 508.61 279.26C514.315 301.156 499.208 324.424 429.955 343.788Z"
d="M162.261 177.996C160.059 177.319 159.158 176.266 158.788 174.845C158.644 174.296 158.636 173.375 159.104 171.965C159.566 170.568 160.432 168.889 161.754 166.98C164.397 163.161 168.612 158.775 174.091 154.332C185.037 145.456 200.6 136.7 217.484 131.979C231.34 128.104 239.201 128.297 243.777 130.191C248.018 131.946 250.005 135.425 251.319 140.465C251.901 142.7 251.928 144.848 251.283 146.962C250.634 149.091 249.235 151.411 246.622 153.858C241.312 158.83 231.342 163.998 214.171 168.799C196.798 173.657 182.967 177.263 173.149 178.336C168.216 178.875 164.644 178.728 162.261 177.996ZM214.977 171.894C180.351 181.576 158.653 186.628 155.801 175.68C152.948 164.732 182.051 138.566 216.678 128.884C244.685 121.053 251.453 128.682 254.305 139.63C257.158 150.578 249.604 162.212 214.977 171.894Z"
fill="#464649"
fill-rule="evenodd"
/>
<path
d="M339.851 322.049C353.021 372.597 359.486 446.602 238.529 480.424C117.572 514.246 87.2141 446.922 74.0439 396.374C63.4303 355.638 115.404 310.103 188.805 289.579C262.205 269.054 329.237 281.313 339.851 322.049Z"
d="M169.925 161.024C176.511 186.298 179.743 223.301 119.264 240.212C58.7859 257.123 43.607 223.461 37.022 198.187C31.7151 177.819 57.7022 155.052 94.4024 144.789C131.103 134.527 164.619 140.656 169.925 161.024Z"
fill="#606063"
/>
<path
d="M124.464 435.024C91.015 424.239 84.9224 407.59 80.7693 392.104L83.9186 422.551L100.47 451.37L128.875 476.962L161.894 488.655C164.813 487.225 178.997 486.598 166.206 484.057C153.414 481.516 145.495 469.513 139.983 462.756C136.527 452.967 135.473 438.573 124.464 435.024Z"
d="M62.2322 217.512C45.5076 212.12 42.4613 203.795 40.3848 196.052L41.9594 211.275L50.2352 225.685L64.4374 238.481L80.947 244.327C82.4065 243.612 89.4986 243.299 83.1029 242.028C76.7073 240.758 72.7474 234.756 69.9914 231.378C68.2638 226.484 67.7365 219.287 62.2322 217.512Z"
fill="#464649"
/>
<path
clip-rule="evenodd"
d="M333.789 405.01C344.798 378.042 340.388 348.706 333.878 323.719C329.487 306.867 313.039 294.538 286.672 289.13C260.573 283.777 226.453 285.692 190.418 295.768C154.382 305.845 123.966 321.975 104.011 340.206C83.8526 358.623 75.6264 377.852 80.0171 394.704C86.5274 419.691 96.965 447.341 119.577 464.908C141.886 482.24 177.534 490.839 236.916 474.234C296.299 457.63 322.929 431.617 333.789 405.01ZM238.529 480.424C359.486 446.602 353.021 372.597 339.851 322.049C329.237 281.313 262.205 269.054 188.805 289.579C115.404 310.103 63.4303 355.638 74.0439 396.374C87.2141 446.922 117.572 514.246 238.529 480.424Z"
d="M166.895 202.505C172.399 189.021 170.194 174.353 166.939 161.86C164.744 153.434 156.519 147.269 143.336 144.565C130.286 141.888 113.227 142.846 95.2088 147.884C77.1909 152.922 61.9831 160.987 52.0056 170.103C41.9263 179.311 37.8132 188.926 40.0086 197.352C43.2637 209.845 48.4825 223.67 59.7887 232.454C70.9431 241.12 88.7669 245.419 118.458 237.117C148.149 228.815 161.464 215.809 166.895 202.505ZM119.264 240.212C179.743 223.301 176.511 186.298 169.925 161.024C164.619 140.656 131.103 134.527 94.4024 144.789C57.7022 155.052 31.7151 177.819 37.022 198.187C43.607 223.461 58.7859 257.123 119.264 240.212Z"
fill="#464649"
fill-rule="evenodd"
/>
<path
clip-rule="evenodd"
d="M328.466 363.372C330.037 364.644 330.314 366.995 329.086 368.622C325.959 372.765 322.374 376.844 318.375 380.825C316.938 382.256 314.653 382.209 313.272 380.719C311.891 379.23 311.936 376.863 313.373 375.432C317.153 371.668 320.505 367.85 323.4 364.014C324.628 362.387 326.896 362.099 328.466 363.372ZM114.843 432.477C115.313 430.47 117.265 429.238 119.202 429.726C146.58 436.617 183.409 435.586 222.071 424.775C240.524 419.615 257.559 412.74 272.541 404.748C274.314 403.803 276.49 404.525 277.402 406.361C278.315 408.198 277.618 410.453 275.846 411.398C260.39 419.643 242.876 426.705 223.952 431.996C184.409 443.053 146.318 444.247 117.499 436.994C115.562 436.506 114.373 434.484 114.843 432.477Z"
d="M164.233 181.686C165.018 182.322 165.157 183.497 164.543 184.311C162.98 186.382 161.187 188.422 159.188 190.412C158.469 191.128 157.327 191.104 156.636 190.36C155.945 189.615 155.968 188.431 156.687 187.716C158.576 185.834 160.252 183.925 161.7 182.007C162.314 181.193 163.448 181.05 164.233 181.686ZM57.4215 216.239C57.6566 215.235 58.6323 214.619 59.6008 214.863C73.2899 218.308 91.7045 217.793 111.035 212.388C120.262 209.808 128.779 206.37 136.271 202.374C137.157 201.901 138.245 202.263 138.701 203.181C139.157 204.099 138.809 205.226 137.923 205.699C130.195 209.821 121.438 213.352 111.976 215.998C92.2044 221.527 73.1589 222.124 58.7494 218.497C57.7809 218.253 57.1863 217.242 57.4215 216.239Z"
fill="#979797"
fill-rule="evenodd"
/>
<path
d="M319.671 326.585C328.81 361.659 282.119 390.763 219.714 408.212C157.31 425.661 102.959 425.365 93.6857 389.775C84.4128 354.185 131.239 325.597 193.643 308.147C256.047 290.698 310.533 291.51 319.671 326.585Z"
d="M159.836 163.292C164.405 180.829 141.059 195.381 109.857 204.106C78.655 212.831 51.4793 212.682 46.8428 194.887C42.2064 177.092 65.6193 162.798 96.8214 154.074C128.024 145.349 155.266 145.755 159.836 163.292Z"
fill="#464649"
/>
<path
clip-rule="evenodd"
d="M291.662 367.099C309.016 353.996 314.924 341.157 311.707 328.812C308.491 316.466 297.15 308.451 275.788 306.173C254.666 303.92 226.562 307.797 195.793 316.4C164.997 325.011 138.797 336.187 121.626 349.08C104.305 362.086 98.3601 374.921 101.65 387.548C104.94 400.174 116.311 408.167 137.597 410.378C158.698 412.569 186.768 408.57 217.564 399.959C248.333 391.356 274.503 380.056 291.662 367.099ZM220.527 410.226C282.931 392.776 328.81 361.659 319.671 326.585C310.533 291.51 256.047 290.698 193.643 308.147C131.239 325.597 84.4128 354.185 93.6857 389.775C102.959 425.365 158.123 427.675 220.527 410.226Z"
d="M145.831 183.549C154.508 176.998 157.462 170.578 155.854 164.406C154.245 158.233 148.575 154.225 137.894 153.086C127.333 151.96 113.281 153.898 97.8965 158.2C82.4985 162.506 69.3986 168.094 60.8132 174.54C52.1526 181.043 49.1801 187.461 50.825 193.774C52.4698 200.087 58.1557 204.083 68.7987 205.189C79.3491 206.285 93.384 204.285 108.782 199.98C124.166 195.678 137.251 190.028 145.831 183.549ZM110.264 205.113C141.466 196.388 164.405 180.829 159.836 163.292C155.266 145.755 128.024 145.349 96.8214 154.074C65.6193 162.798 42.2064 177.092 46.8428 194.887C51.4793 212.682 79.0614 213.838 110.264 205.113Z"
fill="#737373"
fill-rule="evenodd"
/>
<path
clip-rule="evenodd"
d="M207.754 362.306C178.111 370.595 152.995 384.144 136.234 399.239C134.729 400.593 132.45 400.428 131.142 398.869C129.835 397.31 129.994 394.948 131.498 393.593C149.244 377.612 175.401 363.605 205.872 355.085C212.067 353.353 218.214 351.911 224.269 350.75C226.229 350.374 228.112 351.716 228.475 353.747C228.838 355.778 227.543 357.729 225.583 358.104C219.72 359.228 213.763 360.626 207.754 362.306ZM247.694 351.317C247.584 349.255 249.108 347.49 251.098 347.377C264.757 346.594 277.548 347.364 288.849 349.595C290.807 349.981 292.092 351.939 291.719 353.968C291.346 355.997 289.457 357.328 287.499 356.942C276.862 354.842 264.666 354.09 251.497 354.845C249.507 354.959 247.804 353.379 247.694 351.317Z"
d="M103.877 181.153C89.0555 185.297 76.4977 192.072 68.1169 199.619C67.3647 200.297 66.2249 200.214 65.5711 199.434C64.9173 198.655 64.997 197.474 65.7492 196.796C74.622 188.806 87.7006 181.803 102.936 177.543C106.034 176.676 109.107 175.955 112.134 175.375C113.114 175.187 114.056 175.858 114.237 176.873C114.419 177.889 113.771 178.864 112.792 179.052C109.86 179.614 106.881 180.313 103.877 181.153ZM123.847 175.658C123.792 174.627 124.554 173.745 125.549 173.688C132.378 173.297 138.774 173.682 144.424 174.797C145.403 174.991 146.046 175.97 145.86 176.984C145.673 177.999 144.728 178.664 143.749 178.471C138.431 177.421 132.333 177.045 125.749 177.422C124.753 177.479 123.902 176.69 123.847 175.658Z"
fill="#606063"
fill-rule="evenodd"
/>
Expand Down

0 comments on commit a9267e9

Please sign in to comment.