build ok,

002_source/cms/src/components/loading/index.tsx

@@ -0,0 +1,43 @@
+'use client';
+
+import React from 'react';
+import { Box } from '@mui/system';
+import { useTranslation } from 'next-i18next';
+import { PulseLoader } from 'react-spinners';
+
+function Loading(): React.JSX.Element {
+  const { t } = useTranslation();
+
+  return (
+    <div
+      style={{
+        height: '60vh',
+        width: '100%',
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        alignItems: 'center',
+      }}
+    >
+      <PulseLoader color="black" size={20} />
+      <div style={{ marginTop: '1rem' }}>{t('loading')}</div>
+    </div>
+  );
+}
+
+export default function FormLoading(): React.JSX.Element {
+  const { t } = useTranslation();
+
+  return (
+    <Box
+      sx={{
+        maxWidth: 'var(--Content-maxWidth)',
+        m: 'var(--Content-margin)',
+        p: 'var(--Content-padding)',
+        width: 'var(--Content-width)',
+      }}
+    >
+      <Loading />
+    </Box>
+  );
+}

002_source/cms/src/components/loading/main.svg

@@ -0,0 +1,17 @@
+<svg width="154" height="154" viewBox="0 0 154 154" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M132.857 82.2903C131.54 82.0442 130.202 81.9354 128.862 81.9676L133.357 57.5775C133.817 55.0479 134.168 54.8348 131.507 54.6746C105.473 53.1054 90.3126 54.4101 90.2728 53.7892C90.2559 53.5247 88.9696 46.4142 88.4461 42.1323C88.3112 41.0292 87.5607 37.2769 87.2962 35.996C86.8838 33.9976 86.9275 33.5201 85.9494 33.5523C77.7289 33.8229 57.2965 35.8841 46.479 37.6303C27.7215 40.6567 27.7997 40.6881 27.9024 41.5359C27.9024 41.5558 28.6084 50.7721 32.0862 69.8132C23.1122 70.027 23.6542 71.6628 24.9336 90.6695C25.5468 99.8228 27.8541 118.231 29.9315 127.598C32.8022 140.546 33.7987 143.423 43.629 144.014C50.0473 144.397 106.069 145.048 120.748 143.184C122.147 143.007 123.073 141.13 123.372 139.948C123.755 138.426 124.521 136.829 127.696 123.374C136.148 87.6109 138.325 83.4762 132.857 82.2903ZM129.484 55.8359C132.412 55.8688 132.287 55.8282 132.208 56.1946C132.09 56.7427 121.093 114.277 118.18 127.955C115.814 113.513 111.495 87.1127 111.142 85.6616C109.826 80.2528 108.44 79.9615 104.508 79.5338C103.627 79.4372 69.7369 78.8117 69.4218 78.791C68.9619 78.7596 69.0501 78.5978 69.083 78.4376C69.083 78.4376 69.1528 78.0099 69.1888 77.8244C73.1273 57.7132 72.833 56.1456 73.5773 56.1172C107.714 54.8256 117.462 55.6987 129.483 55.8359H129.484ZM29.0346 41.9912C28.9388 41.6463 29.2086 41.8042 30.557 41.6478C33.6048 41.2952 41.6053 39.9323 46.1877 39.2385C63.5202 36.6162 85.363 34.4951 85.3653 34.5151C86.164 34.4384 85.9854 34.4223 86.1449 35.612C86.2215 36.193 86.3679 37.0922 86.4224 37.5859C88.2897 54.6194 89.3759 54.059 88.2836 54.0667C83.2266 54.0988 78.1751 54.3849 73.1473 54.9237C72.0634 55.0486 72.1093 55.6665 71.1006 60.4597C69.1198 69.8714 68.1639 74.9199 67.7998 77.3752C67.7094 77.9884 67.543 78.6208 66.5112 78.5557C63.9816 78.3962 58.4487 78.6361 56.9746 76.6653C52.4596 70.6303 57.0344 70.0148 42.0307 69.8362C41.0641 69.8247 36.996 69.7457 33.5412 69.7848C33.3963 69.1424 33.2345 68.0424 32.9892 66.6419C30.3201 51.2006 29.0338 41.5359 29.0346 41.9912ZM126.656 121.356C126.102 124.346 125.015 128.883 124.47 130.989C121.223 143.529 122.468 141.763 115.583 142.197C105.081 142.858 46.3993 143.21 41.3937 142.645C34.54 141.87 33.7535 138.715 31.5734 127.449C30.557 122.197 27.5935 103.887 26.0665 84.4389C25.0072 70.9553 25.4602 71.774 29.4393 71.3309C33.2284 70.9116 37.9312 71.3179 43.4749 71.3217C43.747 71.3217 49.7169 71.5954 50.5333 71.6667C51.5298 71.7533 52.0572 71.8667 52.4496 72.2799C54.0594 73.9663 55.3411 78.7718 58.3889 79.5077C63.3025 80.6951 93.2017 80.7005 103.769 81.109C108.705 81.2999 108.857 81.7805 109.824 87.2874C110.952 93.6981 110.898 94.8318 115.482 120.849C118.137 135.906 118.57 139.648 119.581 139.453C120.121 139.349 119.816 137.744 119.701 137.21C119.678 137.104 119.332 135.007 118.794 131.712C124.46 105.173 124.107 107.535 128.645 83.1212C129.857 83.1212 131.069 83.1872 132.274 83.3198C136.552 83.8893 134.727 86.5201 129.251 110.65C129.342 110.827 127.094 118.975 126.656 121.356Z" fill="black"/>
+<path d="M75.026 67.6708C74.2733 67.5803 74.1828 66.9709 74.6036 66.6888C76.1076 65.6739 105.261 66.5225 110.07 67.3021C111.308 67.5021 110.544 68.4013 108.174 68.4319C103.831 68.4856 79.3378 68.1867 75.026 67.6708Z" fill="black"/>
+<path d="M90.8571 61.6151C82.9831 61.6151 73.6665 62.3004 75.1919 60.834C76.5326 59.5454 96.7189 59.3775 97.0608 60.7527C97.1375 61.0593 97.1321 61.1712 96.8699 61.3008C95.8903 61.7791 90.8571 61.6304 90.8571 61.6151Z" fill="black"/>
+<path d="M74.0302 74.0998C73.4936 73.7809 73.8102 73.1216 74.8964 72.9768C77.3539 72.6502 86.8929 73.0864 86.9121 73.0871C91.2737 73.1638 91.5344 73.2466 92.6857 73.8775C93.1042 74.1074 93.079 74.4838 92.6957 74.7536C91.7429 75.4236 74.9431 74.6394 74.0302 74.0998Z" fill="black"/>
+<path d="M100.238 61.4785C99.5128 61.0324 100.724 60.4659 101.548 60.4537C105.07 60.4038 110.261 60.5249 112.227 60.6392C112.796 60.6721 113.388 61.1949 113.039 61.6541C112.638 62.1807 112.231 62.0895 110.543 62.1976C110.531 62.0105 101.453 62.2282 100.238 61.4785Z" fill="black"/>
+<path d="M33.4906 45.4599C33.4906 44.4066 33.2031 44.4434 37.8308 43.5941C44.0038 42.4619 49.2892 41.8379 60.6456 40.4965C65.6082 39.9116 65.1284 39.8388 65.4948 41.3335C66.8386 46.8205 68.5541 59.5146 68.5771 59.7154C68.758 61.293 68.7097 61.1826 63.4481 62.0488C63.0119 62.1208 51.03 63.9559 49.5736 64.1675C38.9653 65.7052 36.7515 66.0072 36.4288 64.8651C34.9784 59.7077 33.4913 45.9773 33.4906 45.4599ZM66.2912 52.5022C64.4262 41.2661 64.9375 40.672 64.1388 40.7977C60.9269 41.3006 52.491 42.491 49.7445 42.9348C34.4534 45.4054 38.8005 44.7508 34.4265 45.4039C34.054 45.4591 34.5109 45.3939 35.653 53.7409C37.1938 64.9816 37.0573 64.6497 37.3639 64.5493C37.7035 64.4335 37.9082 64.5991 38.1435 64.1943C38.3735 63.8026 39.4819 62.6359 40.657 61.2293C42.5091 59.0993 44.477 57.0728 46.5518 55.159C47.8366 53.9126 47.6365 53.9517 51.7874 56.6323C52.4466 57.0585 52.5639 57.1107 52.4374 57.2732C52.4221 57.2923 49.0837 61.8134 48.9396 62.4198C48.5272 64.1514 53.079 57.4058 59.0129 50.3359C60.6295 48.4088 60.283 48.3291 66.1157 52.726C66.2337 52.8095 66.2912 52.8525 66.2912 52.5022Z" fill="black"/>
+<path d="M51.0714 48.6326C50.2282 48.5345 48.6123 48.6326 48.4582 46.97C48.3816 46.1429 49.2562 44.6703 51.2837 44.5339C52.7946 44.4319 53.1718 45.105 53.4638 44.6381C54.3614 43.2024 55.5028 43.2124 56.2663 43.9283C56.9163 44.5416 56.6274 44.8313 57.3196 44.7478C58.2555 44.6351 59.9373 44.3239 60.825 44.7033C61.8108 45.1257 61.301 46.4158 60.352 46.8351C57.2214 48.2187 50.2934 48.6326 51.0714 48.6326ZM50.925 47.8385C53.3519 47.5587 62.5359 46.5975 60.4739 45.2422C60.014 44.9356 59.2643 45.2514 58.3636 45.302C56.8642 45.3855 56.6649 45.8087 56.4189 45.4177C56.2514 45.0005 55.9674 44.6402 55.6009 44.3798C55.013 44.0088 54.1177 44.5784 53.9268 45.3825C53.8202 45.8301 53.6968 46.0402 53.1028 45.7565C51.7069 45.0866 49.9246 45.1433 49.2968 46.7531C49.1175 47.213 49.4402 47.3954 49.8005 47.6308C50.1494 47.8012 50.5382 47.873 50.925 47.8385Z" fill="black"/>
+<path d="M42.2638 45.9007C46.3051 45.65 47.635 51.4475 43.9633 53.281C43.3818 53.5697 42.7353 53.7024 42.0871 53.6663C41.4389 53.6301 40.8112 53.4263 40.2654 53.0748C39.5353 52.6429 38.968 51.9823 38.6514 51.1953C38.3348 50.4082 38.2866 49.5388 38.5142 48.7216C38.7419 47.9045 39.2326 47.1851 39.9105 46.6752C40.5884 46.1652 41.4155 45.893 42.2638 45.9007ZM45.2074 49.8224C45.005 48.5123 44.7198 47.4284 43.1453 46.8114C40.9293 45.9429 38.4755 48.8519 39.8645 51.1884C40.1749 51.7328 40.6556 52.1603 41.2327 52.4049C41.8097 52.6495 42.4511 52.6977 43.0583 52.5422C43.6654 52.3866 44.2046 52.0358 44.5929 51.5439C44.9812 51.0519 45.1971 50.446 45.2074 49.8193V49.8224Z" fill="black"/>
+<path d="M47.0133 23.2032C47.4697 22.2248 48.2375 21.4254 49.1966 20.9298C50.1557 20.4343 51.2519 20.2705 52.314 20.4643C52.6628 20.5295 52.4726 20.5716 51.6386 18.1279C51.0009 16.2567 50.0917 13.4274 49.9783 13.0916C49.8464 12.7038 50.3171 12.91 43.4327 15.3484C37.5901 17.418 37.9948 17.2463 38.1167 17.5123C40.7713 23.332 41.6367 25.3909 41.846 26.2993C42.6071 29.6116 36.7806 32.5973 34.415 29.6767C32.7853 27.6645 34.4725 24.9847 36.986 24.1139C39.6766 23.181 40.0798 26.2426 36.2279 17.1229C35.4752 15.3407 34.7991 14.5711 35.6768 14.0659C39.8148 11.9585 44.1584 10.2817 48.6391 9.06188C49.6502 8.79128 49.8832 9.38153 50.5954 10.8863C51.7552 13.3392 52.4558 15.6389 54.1675 21.0116C54.6795 22.6168 55.0406 24.0985 53.9053 25.5465C50.994 29.2612 45.2019 27.0957 47.0133 23.2032Z" fill="black"/>
+<path d="M8.44672 110.247C8.41376 109.979 7.81738 106.211 7.76755 104.215C7.72693 102.573 8.50728 102.095 8.81313 102.736C9.87633 104.959 10.1477 106.977 10.6651 109.624C10.7326 109.969 10.8054 109.777 13.0246 109.348C13.2369 109.307 14.6389 109.172 15.3395 109.057C15.837 108.976 17.2559 109.186 16.7569 109.709C15.6485 110.873 11.657 112.07 11.3481 112.108C11.0147 112.15 11.1526 112.279 11.3711 113.532C11.4945 114.24 12.6137 120.367 11.9131 120.482C11.736 120.511 11.5298 120.585 11.3765 120.397C10.3232 119.099 9.48463 116.181 9.247 114.725C8.73111 111.571 9.63027 112.989 4.43612 113.166C4.30858 113.161 4.18438 113.124 4.07508 113.058C3.4557 112.726 4.15863 111.961 4.78337 111.71C5.90408 111.192 7.07207 110.783 8.27118 110.489C8.44672 110.452 8.46971 110.372 8.44672 110.247Z" fill="black"/>
+<path d="M73.3208 15.6818C73.3208 14.4047 76.8048 15.3039 76.791 14.6347C76.7312 13.773 76.7902 12.9072 76.965 12.0614C77.0723 11.5363 76.955 10.8088 77.5843 10.7881C77.8641 10.7789 78.022 10.8885 78.1493 11.2105C78.2298 11.4009 78.288 11.6004 78.321 11.8046C78.8032 15.4181 77.7323 14.824 80.3754 14.9413C81.0775 14.9656 81.7628 15.1651 82.3684 15.5216C82.7816 15.8244 82.0334 16.223 81.6862 16.2881C78.6138 16.8791 78.6261 16.2575 78.6307 17.1582C78.7211 18.3399 78.6131 19.5285 78.3103 20.6743C78.193 21.1105 77.7085 21.3029 77.4073 20.8775C77.07 20.4007 77.211 20.1577 76.9772 18.7901C76.7235 17.3069 77.1045 16.6929 76.686 16.6737C74.7772 16.5878 73.3231 16.5618 73.3208 15.6818Z" fill="black"/>
+<path d="M10.6552 46.2953C10.9518 46.3308 11.238 46.4268 11.4961 46.5774C11.7541 46.728 11.9785 46.93 12.1553 47.1708C12.6336 47.7058 12.9113 48.3904 12.941 49.1075C12.9707 49.8245 12.7504 50.5297 12.3178 51.1024C8.73036 55.4043 3.7217 48.7698 7.87182 46.6441C8.73971 46.2377 9.71376 46.1156 10.6552 46.2953ZM9.5475 50.9176C10.0349 50.9178 10.5068 50.7462 10.8804 50.433C11.254 50.1199 11.5053 49.6852 11.5904 49.2052C11.6187 48.2347 11.4324 47.377 10.3639 47.2451C8.436 47.0067 7.52762 48.2195 7.95844 49.6062C8.15774 50.2347 8.87293 50.9851 9.54826 50.9176H9.5475Z" fill="black"/>
+<path d="M148.806 39.0654C149.761 40.6951 149.602 42.1477 148.912 43.0737C146.496 46.317 142.561 43.0584 143.442 40.3019C144.23 37.8343 148.088 37.8405 148.806 39.0654ZM145.753 42.8491C146.763 43.5689 147.878 42.6598 148.133 41.7591C148.403 40.8078 147.956 39.4311 147.182 39.4157C144.308 39.3567 144.122 41.6847 145.753 42.8491Z" fill="black"/>
+<path d="M97.9849 15.0671C98.7837 10.7307 98.1467 11.265 101.772 11.5616C107.253 12.0108 113.173 12.5528 117.973 13.12C118.594 13.1967 131.978 15.0065 133.021 15.2288C134.165 15.4726 133.941 15.3001 131.63 34.7459C129.995 48.504 129.827 48.3905 129.321 48.3905C127.4 48.4013 126.185 48.0073 114.991 46.6589C102.113 45.1074 102.428 45.6348 95.2031 44.2826C94.6244 44.1745 94.7232 43.214 94.7056 42.1125C94.6236 37.09 97.0865 19.9393 97.9849 15.0671ZM129.107 41.6211C129.712 41.7583 129.133 42.2482 130.986 28.6871C131.902 21.9852 132.003 22.0181 131.81 21.9722C131.088 21.8004 101.062 18.4614 98.8779 18.1302C98.5598 18.0819 98.6886 17.1253 96.5208 36.2047C96.3399 37.7983 96.2196 37.7477 96.7508 37.7746C107.384 38.3165 129.181 41.6211 129.103 41.6211H129.107ZM116.592 13.8781C116.148 13.8191 115.934 15.2303 115.782 17.021C115.639 18.6875 115.815 19.6733 115.973 19.6618C116.362 19.6579 117.225 13.964 116.592 13.8781ZM112.72 44.8391C112.943 46.386 113.197 45.6179 113.506 44.0772C113.745 42.8829 113.754 41.4571 113.847 40.7496C113.85 40.5293 113.833 40.3092 113.797 40.0919C113.79 39.9025 113.35 39.7369 113.238 40.3326C112.97 41.8224 112.797 43.3275 112.718 44.8391H112.72ZM129.142 15.7186C129.156 15.3354 128.764 15.4526 128.694 15.5653C128.258 16.2813 127.693 20.8982 128.254 20.8798C128.504 20.8722 128.763 19.487 128.944 18.2582C129.106 17.4219 129.172 16.5698 129.14 15.7186H129.142ZM125.757 41.556C125.527 41.8626 125.495 41.7507 125.178 43.9323C124.994 44.8091 124.964 45.7114 125.091 46.5983C125.095 46.6873 125.22 47.092 125.363 46.872C125.798 46.1982 126.656 40.3418 125.755 41.556H125.757ZM109.387 18.8285C109.402 18.8455 109.42 18.8587 109.441 18.8674C109.462 18.8761 109.485 18.8799 109.507 18.8786C109.529 18.8773 109.551 18.8708 109.571 18.8597C109.59 18.8487 109.607 18.8333 109.62 18.8147C109.76 18.6314 109.858 18.4202 109.908 18.1954C109.951 17.474 110.643 13.34 110.149 13.2128C109.587 13.0679 109.177 16.2989 109.164 17.4917C109.091 17.9497 109.17 18.4187 109.387 18.8285ZM106.167 43.5812C106.431 45.0108 106.371 44.8 106.516 44.987C106.976 44.4359 106.916 42.9174 107.177 41.2585C107.357 40.6826 107.384 40.0701 107.259 39.4802C107.23 39.3989 107.295 39.2778 107.162 39.2425C106.632 39.1045 106.677 39.5384 106.167 43.5812ZM118.407 45.1342C118.513 46.0135 118.522 46.3354 118.65 46.3354C119.298 46.3354 119.294 43.1397 119.417 42.5532C119.521 42.0049 119.513 41.4411 119.393 40.896C119.347 40.6545 118.919 40.7956 118.832 41.2892C118.807 41.4272 118.407 45.0522 118.407 45.1342ZM121.396 19.0654C121.349 19.9569 121.496 20.5395 121.779 20.2597C122.127 19.9124 122.347 18.3073 122.381 17.8274C122.458 16.7834 122.744 14.3933 122.106 14.8026C121.738 15.0379 121.446 18.1747 121.399 19.0654H121.396ZM99.912 42.5778C99.8814 43.0231 99.8944 43.4704 99.9519 43.9131C100.02 44.1323 100.321 44.0733 100.412 43.6295C100.774 42.114 100.935 40.5572 100.89 38.9995C100.89 38.5005 100.39 38.5503 100.31 39.044C100.048 40.2036 99.9136 41.3888 99.912 42.5778ZM103.924 13.7057C103.87 13.6995 103.863 13.7057 103.88 12.9322C103.888 12.5559 103.526 12.529 103.386 12.7858C103.253 13.2865 103.155 13.7956 103.091 14.3097C102.381 19.1666 103.538 18.7848 103.704 15.8298C103.73 15.2871 103.923 13.629 103.924 13.7057Z" fill="black"/>
+<path d="M110.057 25.8018C110.533 22.061 110.338 22.2159 111.334 21.861C111.781 21.7008 112.139 22.1408 118.24 26.9968C119.519 27.9362 120.684 29.0218 121.711 30.2317C122.221 30.9607 121.947 31.0979 118.909 32.5252C117.274 33.2918 112.848 35.1468 110.624 35.8704C108.62 36.5228 108.893 34.9391 110.057 25.8018ZM111.69 23.1143C111.177 22.5647 111.605 23.9437 110.886 29.2582C110.1 35.0648 110.101 35.0472 110.103 35.0663C110.49 35.041 110.03 34.88 119.779 30.9844C120.113 30.8716 120.432 30.7171 120.728 30.5245C120.732 30.6004 113.511 25.0667 111.69 23.1143Z" fill="black"/>
+</svg>