mirror of
https://github.com/logto-io/logto.git
synced 2025-02-24 22:05:56 -05:00
refactor(console): app full page loading animation
This commit is contained in:
Charles Zhao
parent
5516e18fe1
commit
b01b5d8125
12 changed files with 222 additions and 88 deletions
|
|
@ -9,8 +9,8 @@ import './scss/normalized.scss';
|
|||
// eslint-disable-next-line import/no-unassigned-import
|
||||
import '@fontsource/roboto-mono';
|
||||
import AppBoundary from '@/components/AppBoundary';
|
||||
import AppLoading from '@/components/AppLoading';
|
||||
import ErrorBoundary from '@/components/ErrorBoundary';
|
||||
import LogtoLoading from '@/components/LogtoLoading';
|
||||
import Toast from '@/components/Toast';
|
||||
import useSwrOptions from '@/hooks/use-swr-options';
|
||||
import initI18n from '@/i18n/init';
|
||||
|
|
@ -43,7 +43,7 @@ const Main = () => {
|
|||
<SWRConfig value={swrOptions}>
|
||||
<AppBoundary>
|
||||
<Toast />
|
||||
<Suspense fallback={<LogtoLoading message="general.loading" />}>
|
||||
<Suspense fallback={<AppLoading />}>
|
||||
<Routes>
|
||||
<Route path="callback" element={<Callback />} />
|
||||
{/* TODO: add register route */}
|
||||
|
|
|
|||
|
|
@ -1,35 +0,0 @@
|
|||
<svg width="786" height="203" viewBox="0 0 786 203" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M349.145 168.891C348.951 168.9 348.76 168.85 348.597 168.746C348.434 168.643 348.306 168.492 348.232 168.314C348.157 168.136 348.139 167.94 348.18 167.751C348.221 167.562 348.319 167.391 348.461 167.26C348.485 167.166 348.502 167.098 348.526 167.004C348.341 166.535 348.02 166.132 347.605 165.847C347.189 165.561 346.698 165.406 346.193 165.401C345.689 165.397 345.194 165.542 344.773 165.82C344.352 166.098 344.024 166.494 343.83 166.959C342.713 169.57 341.267 172.273 341.986 175.149C337.236 165.098 338.851 152.597 345.871 144.002C347.812 142.935 349.385 141.039 349.794 138.837C348.834 139.162 347.636 138.382 348.359 137.373C348.671 136.987 348.988 136.604 349.3 136.218C345.652 132.339 341.306 138.435 345.321 143.67C344.008 145.314 342.87 147.09 341.926 148.971C342.144 146.974 341.884 144.954 341.168 143.078C340.441 141.329 339.08 139.856 337.881 138.344C336.424 136.501 333.424 137.351 333.228 139.689C334.573 140.131 334.748 142.07 333.209 142.336C333.612 146.685 336.459 150.682 340.379 152.589C338.931 156.644 338.366 160.961 338.721 165.251C338.029 160.237 332.637 159.02 328.869 157.028C328.629 156.874 328.349 156.793 328.065 156.796C327.78 156.798 327.502 156.883 327.264 157.04C327.027 157.198 326.84 157.421 326.728 157.682C326.615 157.943 326.581 158.232 326.63 158.512C327.15 158.723 327.648 158.985 328.116 159.295C328.336 159.442 328.504 159.653 328.598 159.9C328.693 160.146 328.708 160.416 328.643 160.672C328.578 160.927 328.435 161.157 328.234 161.328C328.033 161.5 327.784 161.605 327.521 161.63C329.42 166.323 334.331 169.474 339.375 169.457C339.86 171.559 340.562 173.606 341.471 175.564H348.957C348.984 175.481 349.008 175.395 349.032 175.312C348.339 175.356 347.644 175.314 346.961 175.189C348.794 173.022 350.212 171.917 349.145 168.891L349.145 168.891Z" fill="#F2F2F2"/>
|
||||
<path d="M415.885 168.891C416.078 168.9 416.269 168.85 416.433 168.746C416.596 168.643 416.723 168.492 416.798 168.314C416.873 168.136 416.891 167.94 416.849 167.751C416.808 167.562 416.71 167.391 416.568 167.26C416.544 167.166 416.527 167.098 416.504 167.004C416.688 166.535 417.009 166.132 417.425 165.847C417.84 165.561 418.332 165.406 418.836 165.401C419.341 165.397 419.835 165.542 420.256 165.82C420.677 166.098 421.006 166.494 421.199 166.959C422.317 169.57 423.763 172.273 423.043 175.149C427.794 165.098 426.178 152.597 419.158 144.002C417.218 142.935 415.645 141.039 415.235 138.837C416.196 139.162 417.393 138.382 416.671 137.373C416.358 136.987 416.042 136.604 415.729 136.218C419.377 132.339 423.724 138.435 419.708 143.67C421.022 145.314 422.16 147.09 423.103 148.971C422.885 146.974 423.145 144.954 423.862 143.078C424.588 141.329 425.949 139.856 427.148 138.344C428.606 136.501 431.605 137.351 431.801 139.689C430.456 140.131 430.282 142.07 431.82 142.336C431.417 146.685 428.571 150.682 424.651 152.589C426.098 156.644 426.664 160.961 426.309 165.251C427.001 160.237 432.392 159.02 436.161 157.028C436.401 156.874 436.68 156.793 436.965 156.796C437.25 156.798 437.528 156.883 437.765 157.04C438.003 157.198 438.189 157.421 438.302 157.682C438.414 157.943 438.448 158.232 438.399 158.512C437.879 158.723 437.382 158.985 436.913 159.295C436.694 159.442 436.526 159.653 436.431 159.9C436.337 160.146 436.321 160.416 436.386 160.672C436.452 160.927 436.595 161.157 436.795 161.328C436.996 161.5 437.245 161.605 437.509 161.63C435.609 166.323 430.698 169.474 425.654 169.457C425.17 171.559 424.467 173.606 423.559 175.564H416.073C416.046 175.481 416.022 175.395 415.997 175.312C416.69 175.356 417.386 175.314 418.069 175.189C416.236 173.022 414.818 171.917 415.885 168.891L415.885 168.891Z" fill="#F2F2F2"/>
|
||||
<path d="M418.661 170.001L415.437 170.733L411.073 158.668L415.832 157.587L418.661 170.001Z" fill="#FFB6B6"/>
|
||||
<path d="M419.54 173.333L409.626 175.585L409.597 175.459C409.364 174.438 409.548 173.366 410.107 172.479C410.666 171.592 411.554 170.963 412.578 170.731L412.578 170.731L414.076 168.948L417.768 169.552L418.633 169.355L419.54 173.333Z" fill="#2F2E41"/>
|
||||
<path d="M470.668 111.189L472.44 113.976L462.518 122.127L459.902 118.014L470.668 111.189Z" fill="#FFB6B6"/>
|
||||
<path d="M473.517 109.245L478.968 117.813L478.859 117.882C477.973 118.444 476.9 118.631 475.876 118.403C474.851 118.175 473.96 117.55 473.397 116.665L473.397 116.665L471.212 115.854L470.544 112.18L470.068 111.432L473.517 109.245Z" fill="#2F2E41"/>
|
||||
<path d="M367.901 81.4L367.104 76.7926L379.21 71.3354L381.824 66.7146C381.74 66.3092 381.769 65.8883 381.91 65.4985C382.05 65.1087 382.295 64.7651 382.619 64.5058C382.942 64.2464 383.331 64.0814 383.742 64.0289C384.154 63.9764 384.572 64.0384 384.95 64.2082C385.329 64.378 385.653 64.6488 385.887 64.9909C386.121 65.333 386.255 65.7329 386.276 66.1466C386.296 66.5602 386.202 66.9714 386.003 67.3348C385.804 67.6983 385.508 67.9997 385.148 68.2059L380.848 74.8435L367.901 81.4Z" fill="#A0616A"/>
|
||||
<path d="M364.22 77.6335L369.672 74.8535L371.115 80.263L367.328 83.0651L364.22 77.6335Z" fill="#6C63FF"/>
|
||||
<path d="M351.987 169.582L355.284 169.582L356.852 156.89L351.987 156.89L351.987 169.582Z" fill="#A0616A"/>
|
||||
<path d="M356.381 169.878V167.647L355.514 167.7L351.986 167.909L351.17 167.959L350.546 175.43L350.512 175.831H352.853L352.928 175.433L353.268 173.625L354.146 175.433L354.338 175.831H360.543C360.913 175.829 361.266 175.681 361.527 175.42C361.788 175.159 361.935 174.806 361.936 174.437C362.198 173.216 357.038 170.576 356.381 169.878Z" fill="#2F2E41"/>
|
||||
<path d="M312.86 119.211L312.091 122.411L324.09 126.893L325.224 122.17L312.86 119.211Z" fill="#A0616A"/>
|
||||
<path d="M311.808 123.407L313.981 123.927L314.131 123.073L314.75 119.6L314.892 118.796L307.76 116.448L307.377 116.322L306.832 118.594L307.202 118.76L308.884 119.512L306.918 119.942L306.485 120.036L305.039 126.06C304.955 126.419 305.016 126.796 305.21 127.111C305.403 127.425 305.712 127.65 306.071 127.737C307.2 128.276 310.974 123.882 311.808 123.407Z" fill="#2F2E41"/>
|
||||
<path d="M357.084 87.437L352.841 85.457L344.38 95.6789L339.226 96.98C338.857 96.792 338.442 96.7096 338.029 96.7419C337.615 96.7742 337.219 96.9201 336.883 97.1633C336.547 97.4065 336.285 97.7376 336.126 98.1201C335.967 98.5026 335.917 98.9215 335.981 99.3306C336.046 99.7398 336.222 100.123 336.491 100.438C336.76 100.754 337.111 100.989 337.505 101.117C337.9 101.246 338.322 101.263 338.726 101.167C339.129 101.071 339.498 100.866 339.792 100.574L347.339 98.1796L357.084 87.437Z" fill="#A0616A"/>
|
||||
<path d="M381.105 121.435C370.561 121.435 358.443 109.753 347.722 115.303C315.26 132.107 319.728 103.989 310.402 93.531L310.708 92.918C320.998 102.129 333.846 109.623 347.862 114.59C360.529 119.079 373.29 121.159 384.762 120.61L384.782 121.347C383.571 121.406 382.345 121.435 381.105 121.435Z" fill="#F2F2F2"/>
|
||||
<path d="M386.298 34.7806C387.883 34.7806 389.168 33.4979 389.168 31.9155C389.168 30.3331 387.883 29.0503 386.298 29.0503C384.713 29.0503 383.428 30.3331 383.428 31.9155C383.428 33.4979 384.713 34.7806 386.298 34.7806Z" fill="#FF6584"/>
|
||||
<path opacity="0.3" d="M396.336 47.6163L412.668 0L394.735 47.0463C394.646 47.1579 394.585 47.2891 394.558 47.4289C394.53 47.5687 394.536 47.7131 394.575 47.8501C394.615 47.9871 394.686 48.1127 394.784 48.2167C394.881 48.3206 395.002 48.3997 395.137 48.4476C395.271 48.4955 395.415 48.5106 395.557 48.4918C395.698 48.4731 395.833 48.4209 395.951 48.3396C396.068 48.2583 396.164 48.1503 396.231 48.0245C396.298 47.8987 396.334 47.7588 396.336 47.6163H396.336Z" fill="#F0F0F0"/>
|
||||
<path d="M379.852 105.627C381.394 105.627 382.644 104.378 382.644 102.839C382.644 101.299 381.394 100.051 379.852 100.051C378.31 100.051 377.059 101.299 377.059 102.839C377.059 104.378 378.31 105.627 379.852 105.627Z" fill="#F2F2F2"/>
|
||||
<path d="M352.807 103.902C352.807 103.902 345.845 108.428 347.686 111.435C347.749 111.538 339.371 122.586 339.371 122.586L323.553 121.583L322.996 126.868L337.078 130.94C337.078 130.94 340.523 133.466 343.184 130.682C345.845 127.899 354.71 119.374 354.71 119.374L355.137 136.585L350.687 160.434L357.332 160.014L363.799 136.087L366.186 108.984L352.807 103.902Z" fill="#2F2E41"/>
|
||||
<path d="M357.765 76.7434L354.838 78.9581L351.501 86.0672L354.71 90.4173C354.71 90.4173 357.408 95.0866 353.088 99.6086C348.768 104.131 345.451 108.96 348.909 108.788C352.367 108.615 366.371 115.726 366.463 109.9C366.555 104.075 366.742 99.6086 366.742 99.6086L370.413 90.3122C370.413 90.3122 372.601 84.7663 371.065 83.1063C369.529 81.4462 367.473 79.3249 367.473 79.3249L363.733 75.5918H360.357L357.765 76.7434Z" fill="#6C63FF"/>
|
||||
<path d="M363.23 63.084C369.797 66.8147 364.406 76.6582 357.716 73.153C351.149 69.4224 356.54 59.5789 363.23 63.084Z" fill="#A0616A"/>
|
||||
<path d="M366.742 65.1526C366.281 65.7501 365.32 65.4699 363.437 65.8963C363.441 65.2592 363.368 64.624 363.218 64.0047C363.078 64.7715 362.771 65.4981 362.319 66.1335C360.684 66.3145 362.688 71.2725 361.851 74.9178C360.772 67.2274 358.504 69.2422 359.65 70.7676C360.383 71.7441 359.894 74.6736 357.693 73.2089C354.062 74.9318 348.89 66.3732 354.622 62.3594C354.52 60.1898 356.938 59.8471 358.427 60.5141C362.041 57.8267 366.17 61.2702 366.742 65.1526Z" fill="#2F2E41"/>
|
||||
<path d="M349.891 59.5411C348.429 68.5155 340.592 57.8907 336.907 66.7223C335.749 69.9206 337.736 72.2086 338.994 74.8634C339.281 77.0451 336.438 78.152 336.14 80.1602C336.057 84.7644 343.498 84.4826 345.578 81.5778C347.715 78.537 345.163 74.4572 346.448 71.1933C348.253 66.6618 355.596 66.6281 356.236 61.3561C354.997 59.5949 351.666 57.5777 349.891 59.5411Z" fill="#2F2E41"/>
|
||||
<path d="M355.814 60.4182C355.767 60.4383 355.719 60.4584 355.676 60.481H355.673C355.633 60.5011 355.593 60.5212 355.553 60.5439C355.547 60.5464 355.545 60.5489 355.54 60.5514C355.487 60.5012 355.434 60.4509 355.379 60.4006C355.364 60.4825 355.368 60.5665 355.389 60.6469L355.396 60.6771C355.447 60.7298 355.5 60.7801 355.555 60.8329C355.605 60.7952 355.653 60.755 355.704 60.7173C355.734 60.6922 355.764 60.667 355.797 60.6419C355.802 60.5765 355.809 60.5011 355.817 60.4182L355.814 60.4182ZM357.33 57.6235C356.207 57.3671 355.845 58.8324 355.736 59.5386C355.328 56.9751 353.632 57.7818 354.218 59.531C354.405 60.0489 354.699 60.5216 355.082 60.9183C355.135 60.9786 355.193 61.039 355.253 61.0993C355.185 61.4511 355.527 61.3607 355.991 61.0365C356.333 60.7936 356.649 60.5166 356.935 60.2096C357.859 59.242 358.579 57.9477 357.33 57.6235ZM357.365 59.0661C357.019 59.512 356.63 59.9236 356.205 60.2951C356.071 60.4157 355.935 60.5313 355.797 60.6419C355.794 60.6645 355.794 60.6846 355.792 60.7022C355.782 60.7266 355.77 60.7502 355.756 60.7726C355.615 61.0264 355.457 60.8882 355.396 60.6771C355.391 60.6695 355.384 60.662 355.379 60.6544C355.178 60.447 355.003 60.2157 354.858 59.9658C353.818 58.1663 355.492 56.9424 355.409 60.3026C355.394 60.3334 355.384 60.3665 355.379 60.4006C355.364 60.4825 355.368 60.5665 355.389 60.6469L355.396 60.6771C355.447 60.7298 355.5 60.7801 355.555 60.8329C355.605 60.7952 355.653 60.755 355.704 60.7173C355.734 60.6922 355.764 60.667 355.797 60.6419C355.802 60.5765 355.809 60.5011 355.817 60.4182V60.4157C355.882 59.7421 356.061 58.5308 356.391 58.2015C357.116 57.6461 358.055 58.2468 357.365 59.0661ZM355.814 60.4182C355.767 60.4383 355.719 60.4584 355.676 60.481H355.673C355.633 60.5011 355.593 60.5212 355.553 60.5439C355.547 60.5464 355.545 60.5489 355.54 60.5514C355.487 60.5012 355.434 60.4509 355.379 60.4006C355.364 60.4825 355.368 60.5665 355.389 60.6469L355.396 60.6771C355.447 60.7298 355.5 60.7801 355.555 60.8329C355.605 60.7952 355.653 60.755 355.704 60.7173C355.734 60.6922 355.764 60.667 355.797 60.6419C355.802 60.5765 355.809 60.5011 355.817 60.4182L355.814 60.4182Z" fill="#2F2E41"/>
|
||||
<path d="M416.515 109.897L414.089 116.211L402.711 138.617L412.709 164.682L417.869 163.322L413.616 138.617L425.818 123.817L440.308 133.628C440.308 133.628 446.734 138.637 449.179 133.889C451.624 129.141 467.443 119.042 467.443 119.042L463.529 114.874L445.312 123.385L432.739 105.718L416.515 109.897Z" fill="#2F2E41"/>
|
||||
<path d="M428.753 80.1112L424.761 75.8288L417.912 74.8882L409.52 80.7531L409.604 87.2449L413.753 102.542C413.753 102.542 412.172 113.532 416.586 113.422C421 113.312 423.406 111.115 425.203 111.562C427.001 112.01 434.643 113.913 435.127 111.919C435.611 109.926 438.185 111.353 438.072 109.467C437.959 107.582 431.104 93.9884 431.104 93.9884L432.808 80.394L428.753 80.1112Z" fill="#6C63FF"/>
|
||||
<path d="M454.034 60.3986C454.07 60.7537 454.027 61.1123 453.909 61.4492C453.791 61.7861 453.6 62.093 453.35 62.3484C453.1 62.6037 452.798 62.8013 452.463 62.9272C452.128 63.053 451.77 63.1041 451.414 63.0769L442.232 80.5092L439.767 76.7315L449.152 60.2791C449.237 59.6843 449.539 59.1415 449.998 58.7535C450.458 58.3655 451.044 58.1594 451.646 58.1741C452.248 58.1888 452.823 58.4234 453.263 58.8334C453.704 59.2434 453.978 59.8003 454.034 60.3986Z" fill="#FFB6B6"/>
|
||||
<path d="M425.128 83.3523C425.128 83.3523 424.764 86.4531 428.261 87.2208C431.758 87.9885 441.446 82.4622 443.034 81.6182C443.531 81.3539 444.206 80.0584 444.899 78.4034C445.21 77.6604 445.524 76.845 445.828 76.0178C446.003 75.5392 446.844 75.4086 447.01 74.9339C447.174 74.4618 446.663 73.6456 446.812 73.2007C447.52 71.0889 448.021 69.4135 448.021 69.4135L445.703 65.0674C442.462 66.7781 440.799 70.5462 439.577 74.8875L425.128 83.3523Z" fill="#6C63FF"/>
|
||||
<path d="M384.29 64.4018C384.344 64.7545 384.476 65.0911 384.674 65.3877C384.873 65.6844 385.135 65.9339 385.441 66.1187C385.747 66.3035 386.089 66.4191 386.445 66.4574C386.8 66.4957 387.16 66.4557 387.498 66.3403L400.758 80.924L402.198 76.6506L388.987 63.0664C388.755 62.5119 388.327 62.0616 387.785 61.8008C387.242 61.54 386.623 61.4869 386.044 61.6515C385.465 61.8161 384.967 62.187 384.644 62.6939C384.32 63.2008 384.194 63.8084 384.29 64.4018Z" fill="#FFB6B6"/>
|
||||
<path d="M418.03 79.4037C418.03 79.4037 419.16 82.3148 415.966 83.9317C412.773 85.5485 402.008 82.6185 400.259 82.1981C399.711 82.0665 398.733 80.9808 397.648 79.5515C397.161 78.9098 396.652 78.1988 396.151 77.4738C395.861 77.0543 395.014 77.1379 394.735 76.7197C394.457 76.3037 394.747 75.3859 394.491 74.9924C393.277 73.1245 392.371 71.6276 392.371 71.6276L393.526 66.8408C397.093 67.6873 399.647 70.9202 401.919 74.8178L418.03 79.4037Z" fill="#6C63FF"/>
|
||||
<path d="M421.473 73.7986C425.072 73.7986 427.989 70.886 427.989 67.2931C427.989 63.7002 425.072 60.7876 421.473 60.7876C417.874 60.7876 414.956 63.7002 414.956 67.2931C414.956 70.886 417.874 73.7986 421.473 73.7986Z" fill="#FFB6B6"/>
|
||||
<path d="M428.912 63.5684C428.226 62.5097 426.94 61.8042 425.693 62.0024C425.577 61.2079 425.245 60.4605 424.732 59.8414C424.22 59.2224 423.548 58.7554 422.788 58.4915C422.029 58.2275 421.211 58.1767 420.425 58.3444C419.638 58.5122 418.913 58.8921 418.328 59.4429C418.135 59.3077 417.911 59.2243 417.677 59.2009C417.443 59.1775 417.206 59.2149 416.991 59.3094C416.562 59.5042 416.188 59.8034 415.905 60.1796C415.189 61.0704 414.729 62.1383 414.573 63.2695C414.418 64.4007 414.572 65.553 415.02 66.6036C414.868 66.0505 415.423 65.5301 415.984 65.406C416.545 65.2819 417.133 65.3993 417.702 65.3185C418.431 65.2149 419.087 64.7927 419.817 64.6976C420.436 64.6574 421.058 64.7371 421.647 64.9323C422.235 65.1275 422.856 65.2107 423.475 65.1775C424.09 65.1046 424.882 67.43 424.871 69.0678C424.869 69.3782 424.933 69.7767 425.237 69.8426C425.611 69.9237 425.828 69.4081 426.184 69.2676C426.348 69.2207 426.524 69.2392 426.675 69.3192C426.826 69.3992 426.94 69.5346 426.992 69.6967C427.037 69.8615 427.042 70.0346 427.006 70.2017C426.971 70.3687 426.896 70.5248 426.787 70.657C426.568 70.9191 426.308 71.1441 426.018 71.3235L426.164 71.4453C426.303 71.5922 426.49 71.6861 426.691 71.711C426.892 71.736 427.095 71.6903 427.266 71.5819C427.602 71.3546 427.875 71.045 428.057 70.6827C428.745 69.6215 429.236 68.446 429.508 67.2118C429.738 65.9723 429.597 64.6271 428.912 63.5684Z" fill="#2F2E41"/>
|
||||
<path d="M477.122 89.2261C468.716 95.5815 451.992 93.5738 446.801 104.46C431.087 137.421 417.643 112.313 403.884 109.598L403.757 108.924C417.531 110.065 432.305 108.295 446.482 103.807C459.295 99.7509 470.725 93.7173 479.538 86.3652L480 86.9407C479.07 87.7174 478.11 88.4792 477.122 89.2261Z" fill="#F2F2F2"/>
|
||||
<path d="M441.584 175.556C441.383 176.148 327.083 176.148 326.867 175.557C327.067 174.964 441.367 174.964 441.584 175.556Z" fill="#CCCCCC"/>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 16 KiB |
63
packages/console/src/assets/images/loading-illustration.svg
Normal file
63
packages/console/src/assets/images/loading-illustration.svg
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="128" cy="114" r="78" stroke="#E2E0EC" stroke-width="60"/>
|
||||
<rect x="55" y="36" width="4" height="160" rx="2" fill="#ADAAB4"/>
|
||||
<rect x="142.244" y="27" width="4" height="140" rx="2" transform="rotate(60 142.244 27)" fill="#ADAAB4"/>
|
||||
<path d="M42.623 187.732C42.623 183.314 46.2048 179.732 50.623 179.732H74.623C79.0413 179.732 82.623 183.314 82.623 187.732V195.732H42.623V187.732Z" fill="#D9D9D9"/>
|
||||
<circle cx="57" cy="78" r="8" fill="#C9C5D0"/>
|
||||
<circle cx="57" cy="78" r="4" fill="#78767F"/>
|
||||
<circle cx="146.549" cy="54.5476" r="12" transform="rotate(-45 146.549 54.5476)" fill="#FFB95A"/>
|
||||
<path d="M169.882 32.6273C169.882 32.6273 159.752 42.758 147.255 55.2548C134.758 67.7515 124.627 77.8822 124.627 77.8822C112.131 65.3854 112.131 45.1241 124.627 32.6273C137.124 20.1306 157.385 20.1306 169.882 32.6273Z" fill="url(#paint0_linear_240_10907)"/>
|
||||
<path d="M40 124C40 119.582 43.5817 116 48 116H176C180.418 116 184 119.582 184 124V224H40V124Z" fill="#ADAAB4"/>
|
||||
<path d="M44 124C44 121.791 45.7909 120 48 120H176C178.209 120 180 121.791 180 124V220H44V124Z" fill="#47464E"/>
|
||||
<path d="M40 218H232V220C232 222.209 230.209 224 228 224H40V218Z" fill="#7958FF"/>
|
||||
<path d="M102 120H122V122C122 124.209 120.209 126 118 126H106C103.791 126 102 124.209 102 122V120Z" fill="#1B1B22"/>
|
||||
<rect x="84" y="147" width="80" height="48" rx="4" fill="#78767F"/>
|
||||
<path d="M84 151C84 148.791 85.7909 147 88 147H160C162.209 147 164 148.791 164 151V153H84V151Z" fill="#ADAAB4"/>
|
||||
<circle cx="89" cy="150" r="1" fill="#FF897A"/>
|
||||
<circle cx="93" cy="150" r="1" fill="#FFB95A"/>
|
||||
<circle cx="97" cy="150" r="1" fill="#68BE6C"/>
|
||||
<rect x="92" y="161" width="20" height="4" rx="2" fill="#908C9E"/>
|
||||
<rect x="128" y="161" width="28" height="26" rx="2" fill="#908C9E"/>
|
||||
<rect x="92" y="169" width="28" height="4" rx="2" fill="#908C9E"/>
|
||||
<rect x="92" y="183" width="8" height="4" rx="2" fill="#908C9E"/>
|
||||
<path d="M21 152H69L63.6113 216.664C63.3212 220.146 63.1761 221.887 62.0279 222.944C60.8797 224 59.1328 224 55.6389 224H34.3611C30.8672 224 29.1203 224 27.9721 222.944C26.8239 221.887 26.6788 220.146 26.3887 216.664L21 152Z" fill="#E3DFE3"/>
|
||||
<g opacity="0.06">
|
||||
<path d="M69 152H61L55 224H55.6389C59.1328 224 60.8797 224 62.0279 222.944C63.1761 221.887 63.3212 220.146 63.6113 216.664L69 152Z" fill="black" style="mix-blend-mode:soft-light"/>
|
||||
</g>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M69 152H21L21.1667 154H68.8333L69 152Z" fill="black" fill-opacity="0.06"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.6801 200C24.9331 200 24.0597 200 23.4856 199.472C22.9115 198.944 22.839 198.073 22.6939 196.332L20.3606 168.332C20.1916 166.305 20.1072 165.292 20.7014 164.646C21.2956 164 22.3126 164 24.3467 164H65.6523C67.6865 164 68.7035 164 69.2977 164.646C69.8919 165.292 69.8074 166.305 69.6385 168.332L67.3052 196.332C67.1601 198.073 67.0876 198.944 66.5135 199.472C65.9394 200 65.0659 200 63.319 200H26.6801Z" fill="#CABEFF"/>
|
||||
<path style="mix-blend-mode:soft-light" fill-rule="evenodd" clip-rule="evenodd" d="M63 200H63.3195C65.0664 200 65.9399 200 66.514 199.472C67.088 198.944 67.1606 198.073 67.3057 196.332L69.639 168.332C69.8079 166.305 69.8924 165.292 69.2982 164.646C68.7388 164.038 67.8046 164.002 66 164L63 200Z" fill="black" fill-opacity="0.4"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M28 174C28 173.448 28.4477 173 29 173C29.5523 173 30 173.448 30 174V190C30 190.552 29.5523 191 29 191C28.4477 191 28 190.552 28 190V174ZM32 174C32 173.448 32.4477 173 33 173C33.5523 173 34 173.448 34 174V190C34 190.552 33.5523 191 33 191C32.4477 191 32 190.552 32 190V174ZM37 173C36.4477 173 36 173.448 36 174V190C36 190.552 36.4477 191 37 191C37.5523 191 38 190.552 38 190V174C38 173.448 37.5523 173 37 173ZM40 174C40 173.448 40.4477 173 41 173C41.5523 173 42 173.448 42 174V190C42 190.552 41.5523 191 41 191C40.4477 191 40 190.552 40 190V174ZM45 173C44.4477 173 44 173.448 44 174V190C44 190.552 44.4477 191 45 191C45.5523 191 46 190.552 46 190V174C46 173.448 45.5523 173 45 173ZM48 174C48 173.448 48.4477 173 49 173C49.5523 173 50 173.448 50 174V190C50 190.552 49.5523 191 49 191C48.4477 191 48 190.552 48 190V174ZM53 173C52.4477 173 52 173.448 52 174V190C52 190.552 52.4477 191 53 191C53.5523 191 54 190.552 54 190V174C54 173.448 53.5523 173 53 173ZM56 174C56 173.448 56.4477 173 57 173C57.5523 173 58 173.448 58 174V190C58 190.552 57.5523 191 57 191C56.4477 191 56 190.552 56 190V174ZM61 173C60.4477 173 60 173.448 60 174V190C60 190.552 60.4477 191 61 191C61.5523 191 62 190.552 62 190V174C62 173.448 61.5523 173 61 173Z" fill="#947DFF"/>
|
||||
<path d="M23.1766 137.47C24.0566 134.83 24.4966 133.51 25.5442 132.755C26.5917 132 27.9832 132 30.7661 132H59.2339C62.0168 132 63.4083 132 64.4558 132.755C65.5034 133.51 65.9434 134.83 66.8234 137.47L69 144H21L23.1766 137.47Z" fill="#F7F8F8"/>
|
||||
<g opacity="0.06">
|
||||
<path d="M61 144H69L66.8234 137.47C65.9434 134.83 65.5034 133.51 64.4558 132.755C63.4083 132 62.0168 132 59.2339 132H57L61 144Z" fill="black" style="mix-blend-mode:soft-light"/>
|
||||
</g>
|
||||
<rect x="15" y="144" width="60" height="8" rx="2" fill="#F7F8F8"/>
|
||||
<g opacity="0.06">
|
||||
<path d="M67 144H71C72.8856 144 73.8284 144 74.4142 144.586C75 145.172 75 146.114 75 148C75 149.886 75 150.828 74.4142 151.414C73.8284 152 72.8856 152 71 152H67V144Z" fill="black" style="mix-blend-mode:soft-light"/>
|
||||
</g>
|
||||
<path d="M151 211H214V218H155C152.791 218 151 216.209 151 214V211Z" fill="#F4E560"/>
|
||||
<path d="M207 211H240V214C240 216.209 238.209 218 236 218H211C208.791 218 207 216.209 207 214V211Z" fill="#5F5D67"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M211.5 213C211.224 213 211 213.224 211 213.5C211 213.776 211.224 214 211.5 214H212.5C212.776 214 213 213.776 213 213.5C213 213.224 212.776 213 212.5 213H211.5ZM211.5 215C211.224 215 211 215.224 211 215.5C211 215.776 211.224 216 211.5 216H212.5C212.776 216 213 215.776 213 215.5C213 215.224 212.776 215 212.5 215H211.5ZM214 215.5C214 215.224 214.224 215 214.5 215H215.5C215.776 215 216 215.224 216 215.5C216 215.776 215.776 216 215.5 216H214.5C214.224 216 214 215.776 214 215.5ZM217.5 215C217.224 215 217 215.224 217 215.5C217 215.776 217.224 216 217.5 216H218.5C218.776 216 219 215.776 219 215.5C219 215.224 218.776 215 218.5 215H217.5ZM220 215.5C220 215.224 220.224 215 220.5 215H221.5C221.776 215 222 215.224 222 215.5C222 215.776 221.776 216 221.5 216H220.5C220.224 216 220 215.776 220 215.5ZM214.5 213C214.224 213 214 213.224 214 213.5C214 213.776 214.224 214 214.5 214H215.5C215.776 214 216 213.776 216 213.5C216 213.224 215.776 213 215.5 213H214.5ZM217 213.5C217 213.224 217.224 213 217.5 213H218.5C218.776 213 219 213.224 219 213.5C219 213.776 218.776 214 218.5 214H217.5C217.224 214 217 213.776 217 213.5ZM220.5 213C220.224 213 220 213.224 220 213.5C220 213.776 220.224 214 220.5 214H221.5C221.776 214 222 213.776 222 213.5C222 213.224 221.776 213 221.5 213H220.5Z" fill="#F4E560"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M230.5 213C230.224 213 230 213.224 230 213.5C230 213.776 230.224 214 230.5 214H231.5C231.776 214 232 213.776 232 213.5C232 213.224 231.776 213 231.5 213H230.5ZM230.5 215C230.224 215 230 215.224 230 215.5C230 215.776 230.224 216 230.5 216H231.5C231.776 216 232 215.776 232 215.5C232 215.224 231.776 215 231.5 215H230.5ZM233.5 215C233.224 215 233 215.224 233 215.5C233 215.776 233.224 216 233.5 216H234.5C234.776 216 235 215.776 235 215.5C235 215.224 234.776 215 234.5 215H233.5ZM236 215.5C236 215.224 236.224 215 236.5 215H237.5C237.776 215 238 215.224 238 215.5C238 215.776 237.776 216 237.5 216H236.5C236.224 216 236 215.776 236 215.5ZM233 213.5C233 213.224 233.224 213 233.5 213H234.5C234.776 213 235 213.224 235 213.5C235 213.776 234.776 214 234.5 214H233.5C233.224 214 233 213.776 233 213.5ZM236.5 213C236.224 213 236 213.224 236 213.5C236 213.776 236.224 214 236.5 214H237.5C237.776 214 238 213.776 238 213.5C238 213.224 237.776 213 237.5 213H236.5Z" fill="#F4E560"/>
|
||||
<rect x="224" y="214" width="4" height="2" rx="1" fill="#F4E560"/>
|
||||
<path d="M236 178C236 189.046 227.046 198 216 198C213.91 198 207 203.5 206 203.084C205.032 202.682 205.024 194.932 203 193.199C198.715 189.531 196 184.083 196 178C196 166.954 204.954 158 216 158C227.046 158 236 166.954 236 178Z" fill="#FFB95A"/>
|
||||
<circle cx="216" cy="178" r="12" fill="#FFF06A"/>
|
||||
<path d="M221 168H224L221 171H224" stroke="#7958FF" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M226 165H229L226 168H229" stroke="#7958FF" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<path d="M217 170H219L217 172H219" stroke="#7958FF" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<circle cx="216" cy="184" r="2" fill="#7958FF"/>
|
||||
<path d="M207.17 177C207.582 178.165 208.693 179 209.999 179C211.305 179 212.417 178.165 212.829 177" stroke="#7958FF" stroke-width="2" stroke-linecap="round"/>
|
||||
<path d="M219.17 177C219.582 178.165 220.693 179 221.999 179C223.305 179 224.417 178.165 224.829 177" stroke="#7958FF" stroke-width="2" stroke-linecap="round"/>
|
||||
<rect x="71.3594" y="8.57092" width="8" height="8" transform="rotate(-40.65 71.3594 8.57092)" fill="#D1C9F9"/>
|
||||
<rect x="220.613" y="87.5156" width="8" height="8" transform="rotate(30.813 220.613 87.5156)" fill="#CABEFF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M214.957 18.1043C214.957 18.0467 215.004 18 215.061 18H216.939C216.996 18 217.043 18.0467 217.043 18.1043V21.4086L219.905 19.7565C219.955 19.7277 220.018 19.7448 220.047 19.7947L220.986 21.4207C221.015 21.4705 220.998 21.5343 220.948 21.5631L218.086 23.2153L220.948 24.8675C220.998 24.8963 221.015 24.9601 220.986 25.01L220.047 26.636C220.019 26.6859 219.955 26.703 219.905 26.6742L217.043 25.022V28.3264C217.043 28.384 216.996 28.4307 216.939 28.4307H215.061C215.004 28.4307 214.957 28.384 214.957 28.3264V25.0219L212.095 26.6742C212.045 26.703 211.981 26.6859 211.953 26.636L211.014 25.01C210.985 24.9601 211.002 24.8963 211.052 24.8675L213.914 23.2153L211.052 21.5631C211.002 21.5343 210.985 21.4705 211.014 21.4207L211.953 19.7947C211.982 19.7448 212.045 19.7277 212.095 19.7565L214.957 21.4087V18.1043Z" fill="#FFFBFF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M160.957 97C163.166 97 164.957 95.2091 164.957 93C164.957 90.7909 163.166 89 160.957 89C158.748 89 156.957 90.7909 156.957 93C156.957 95.2091 158.748 97 160.957 97ZM160.957 95C162.062 95 162.957 94.1046 162.957 93C162.957 91.8954 162.062 91 160.957 91C159.852 91 158.957 91.8954 158.957 93C158.957 94.1046 159.852 95 160.957 95Z" fill="#C4C7C7"/>
|
||||
<path d="M12.2891 104.696L13.4832 107.26C14.1427 108.676 15.8253 109.29 17.2414 108.63V108.63C18.6574 107.971 20.34 108.584 20.9995 110V110C21.659 111.416 23.3416 112.029 24.7576 111.37V111.37C26.1737 110.71 27.8562 111.324 28.5158 112.74L29.7099 115.304" stroke="#F7F8F8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
<defs>
|
||||
<linearGradient id="paint0_linear_240_10907" x1="125.5" y1="29" x2="122" y2="80.5" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#7958FF"/>
|
||||
<stop offset="1" stop-color="#FD8EFF"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 11 KiB |
|
|
@ -5,7 +5,7 @@ import React, { useEffect, useRef, useState, MouseEvent } from 'react';
|
|||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
import Dropdown, { DropdownItem } from '@/components/Dropdown';
|
||||
import Spinner from '@/components/Spinner';
|
||||
import { Ring as Spinner } from '@/components/Spinner';
|
||||
import { getAvatarById } from '@/consts/avatars';
|
||||
import useApi from '@/hooks/use-api';
|
||||
import SignOut from '@/icons/SignOut';
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import React, { useEffect } from 'react';
|
|||
import { Outlet, useHref, useLocation, useNavigate } from 'react-router-dom';
|
||||
|
||||
import AppError from '@/components/AppError';
|
||||
import LogtoLoading from '@/components/LogtoLoading';
|
||||
import AppLoading from '@/components/AppLoading';
|
||||
import SessionExpired from '@/components/SessionExpired';
|
||||
import useSettings from '@/hooks/use-settings';
|
||||
import useUserPreferences from '@/hooks/use-user-preferences';
|
||||
|
|
@ -46,7 +46,7 @@ const AppContent = () => {
|
|||
}
|
||||
|
||||
if (!isAuthenticated || isLoading) {
|
||||
return <LogtoLoading message="general.loading" />;
|
||||
return <AppLoading />;
|
||||
}
|
||||
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -6,10 +6,10 @@
|
|||
height: 100vh;
|
||||
color: var(--color-text);
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
|
||||
img {
|
||||
height: 300px;
|
||||
margin: _.unit(25) 0 _.unit(6);
|
||||
margin-bottom: _.unit(4);
|
||||
}
|
||||
}
|
||||
15
packages/console/src/components/AppLoading/index.tsx
Normal file
15
packages/console/src/components/AppLoading/index.tsx
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import React from 'react';
|
||||
|
||||
import illustration from '@/assets/images/loading-illustration.svg';
|
||||
import { Daisy as Spinner } from '@/components/Spinner';
|
||||
|
||||
import * as styles from './index.module.scss';
|
||||
|
||||
const AppLoading = () => (
|
||||
<div className={styles.container}>
|
||||
<img src={illustration} alt="loading" />
|
||||
<Spinner />
|
||||
</div>
|
||||
);
|
||||
|
||||
export default AppLoading;
|
||||
|
|
@ -3,7 +3,7 @@ import classNames from 'classnames';
|
|||
import React, { HTMLProps, ReactElement, ReactNode, useEffect, useRef, useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
import Spinner from '@/components/Spinner';
|
||||
import { Ring as Spinner } from '@/components/Spinner';
|
||||
|
||||
import DangerousRaw from '../DangerousRaw';
|
||||
import * as styles from './index.module.scss';
|
||||
|
|
|
|||
|
|
@ -1,24 +0,0 @@
|
|||
import { I18nKey } from '@logto/phrases';
|
||||
import React from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
|
||||
import highFive from '@/assets/images/high-five.svg';
|
||||
|
||||
import * as styles from './index.module.scss';
|
||||
|
||||
type Props = {
|
||||
message: I18nKey;
|
||||
};
|
||||
|
||||
const LogtoLoading = ({ message }: Props) => {
|
||||
const { t } = useTranslation();
|
||||
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
<img src={highFive} alt="yeah" />
|
||||
<p>{t(message)}</p>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default LogtoLoading;
|
||||
|
|
@ -1,12 +1,9 @@
|
|||
@use '@/scss/underscore' as _;
|
||||
|
||||
.spinner {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
|
||||
svg {
|
||||
@include _.rotating-animation;
|
||||
}
|
||||
.ring {
|
||||
@include _.rotating-animation;
|
||||
}
|
||||
|
||||
.daisy {
|
||||
animation: rotating 1s steps(12, end) infinite;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,15 +7,133 @@ type Props = {
|
|||
className?: string;
|
||||
};
|
||||
|
||||
const Spinner = ({ className }: Props) => (
|
||||
<span className={classNames(styles.spinner, className)}>
|
||||
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M9.33566 14.8714C9.44104 15.4135 9.08652 15.9451 8.53547 15.9821C7.4048 16.0579 6.2669 15.8929 5.19834 15.4934C3.81639 14.9767 2.60425 14.0879 1.69591 12.9253C0.78758 11.7627 0.218443 10.3715 0.0514252 8.90563C-0.115592 7.43973 0.126015 5.9562 0.749537 4.61905C1.37306 3.28191 2.35421 2.14323 3.5845 1.32891C4.8148 0.514598 6.24632 0.0563637 7.7208 0.00487344C9.19528 -0.0466168 10.6553 0.310643 11.9394 1.03715C12.9323 1.59891 13.7901 2.36452 14.4588 3.27942C14.7847 3.72531 14.6054 4.33858 14.1223 4.60633C13.6393 4.87408 13.0366 4.69278 12.6924 4.26086C12.2154 3.66218 11.6262 3.15785 10.9545 2.77787C9.99146 2.23298 8.89646 1.96504 7.7906 2.00366C6.68474 2.04227 5.6111 2.38595 4.68838 2.99669C3.76565 3.60742 3.02979 4.46143 2.56215 5.46429C2.09451 6.46715 1.91331 7.5798 2.03857 8.67922C2.16383 9.77864 2.59069 10.822 3.27194 11.694C3.95319 12.5659 4.8623 13.2325 5.89876 13.62C6.62154 13.8903 7.38663 14.0175 8.15188 13.9981C8.70399 13.9841 9.23028 14.3293 9.33566 14.8714Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</svg>
|
||||
</span>
|
||||
const Ring = ({ className }: Props) => (
|
||||
<svg
|
||||
className={classNames(styles.ring, className)}
|
||||
width="16"
|
||||
height="16"
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M9.33566 14.8714C9.44104 15.4135 9.08652 15.9451 8.53547 15.9821C7.4048 16.0579 6.2669 15.8929 5.19834 15.4934C3.81639 14.9767 2.60425 14.0879 1.69591 12.9253C0.78758 11.7627 0.218443 10.3715 0.0514252 8.90563C-0.115592 7.43973 0.126015 5.9562 0.749537 4.61905C1.37306 3.28191 2.35421 2.14323 3.5845 1.32891C4.8148 0.514598 6.24632 0.0563637 7.7208 0.00487344C9.19528 -0.0466168 10.6553 0.310643 11.9394 1.03715C12.9323 1.59891 13.7901 2.36452 14.4588 3.27942C14.7847 3.72531 14.6054 4.33858 14.1223 4.60633C13.6393 4.87408 13.0366 4.69278 12.6924 4.26086C12.2154 3.66218 11.6262 3.15785 10.9545 2.77787C9.99146 2.23298 8.89646 1.96504 7.7906 2.00366C6.68474 2.04227 5.6111 2.38595 4.68838 2.99669C3.76565 3.60742 3.02979 4.46143 2.56215 5.46429C2.09451 6.46715 1.91331 7.5798 2.03857 8.67922C2.16383 9.77864 2.59069 10.822 3.27194 11.694C3.95319 12.5659 4.8623 13.2325 5.89876 13.62C6.62154 13.8903 7.38663 14.0175 8.15188 13.9981C8.70399 13.9841 9.23028 14.3293 9.33566 14.8714Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export default Spinner;
|
||||
const Daisy = ({ className }: Props) => (
|
||||
<svg
|
||||
className={classNames(styles.daisy, className)}
|
||||
width="32"
|
||||
height="32"
|
||||
viewBox="0 0 32 32"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<rect opacity="0.48" x="15" width="2" height="8" rx="1" fill="currentColor" />
|
||||
<rect opacity="0.96" x="15" y="24" width="2" height="8" rx="1" fill="currentColor" />
|
||||
<rect
|
||||
opacity="0.72"
|
||||
y="17"
|
||||
width="2"
|
||||
height="8"
|
||||
rx="1"
|
||||
transform="rotate(-90 0 17)"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<rect
|
||||
opacity="0.24"
|
||||
x="24"
|
||||
y="17"
|
||||
width="2"
|
||||
height="8"
|
||||
rx="1"
|
||||
transform="rotate(-90 24 17)"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<rect
|
||||
opacity="0.32"
|
||||
x="29.3564"
|
||||
y="7.13403"
|
||||
width="2"
|
||||
height="8"
|
||||
rx="1"
|
||||
transform="rotate(60 29.3564 7.13403)"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<rect
|
||||
opacity="0.8"
|
||||
x="8.57227"
|
||||
y="19.134"
|
||||
width="2"
|
||||
height="8"
|
||||
rx="1"
|
||||
transform="rotate(60 8.57227 19.134)"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<rect
|
||||
opacity="0.64"
|
||||
x="1.64355"
|
||||
y="8.86597"
|
||||
width="2"
|
||||
height="8"
|
||||
rx="1"
|
||||
transform="rotate(-60 1.64355 8.86597)"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<rect
|
||||
opacity="0.16"
|
||||
x="22.4277"
|
||||
y="20.866"
|
||||
width="2"
|
||||
height="8"
|
||||
rx="1"
|
||||
transform="rotate(-60 22.4277 20.866)"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<rect
|
||||
opacity="0.4"
|
||||
x="23.1338"
|
||||
y="1.64355"
|
||||
width="2"
|
||||
height="8"
|
||||
rx="1"
|
||||
transform="rotate(30 23.1338 1.64355)"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<rect
|
||||
opacity="0.88"
|
||||
x="11.1338"
|
||||
y="22.4282"
|
||||
width="2"
|
||||
height="8"
|
||||
rx="1"
|
||||
transform="rotate(30 11.1338 22.4282)"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<rect
|
||||
opacity="0.56"
|
||||
x="7.13379"
|
||||
y="2.64355"
|
||||
width="2"
|
||||
height="8"
|
||||
rx="1"
|
||||
transform="rotate(-30 7.13379 2.64355)"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<rect
|
||||
opacity="0.08"
|
||||
x="19.1338"
|
||||
y="23.4282"
|
||||
width="2"
|
||||
height="8"
|
||||
rx="1"
|
||||
transform="rotate(-30 19.1338 23.4282)"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
export { Ring, Daisy };
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import React from 'react';
|
|||
import { useNavigate } from 'react-router-dom';
|
||||
|
||||
import AppError from '@/components/AppError';
|
||||
import LogtoLoading from '@/components/LogtoLoading';
|
||||
import AppLoading from '@/components/AppLoading';
|
||||
|
||||
const Callback = () => {
|
||||
const navigate = useNavigate();
|
||||
|
|
@ -24,7 +24,7 @@ const Callback = () => {
|
|||
return <AppError errorCode={errorCode} errorMessage={errorMessage} callStack={error.stack} />;
|
||||
}
|
||||
|
||||
return <LogtoLoading message="general.redirecting" />;
|
||||
return <AppLoading />;
|
||||
};
|
||||
|
||||
export default Callback;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue