wip

public/uploads/images/assistant-nocards.svg

+<svg width="450" height="360" viewBox="0 0 450 360" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M79.9084 168.453H133.056C138.569 168.453 143.092 163.919 143.092 158.394V152.443C143.092 113.34 174.755 81.7463 213.627 81.7463H271.863C277.376 81.7463 281.899 77.2126 281.899 71.6872C281.899 53.5525 296.6 38.818 314.551 38.818H381.411C400.21 38.818 415.335 53.9775 415.335 72.8206V312.398C415.335 320.19 408.974 326.565 401.2 326.565H43.2983C38.7751 326.565 35.1 322.882 35.1 318.348V213.365C34.9586 188.571 55.0305 168.453 79.9084 168.453Z" fill="white"/>
+<g filter="url(#filter0_d)">
+<path d="M191.07 219.672L173.948 219.597V275.949C173.948 286.754 190.866 292.081 200.65 284.503L191.172 276.624V219.672H191.07Z" fill="#FFDECC"/>
+<path d="M290.337 223.95L307.459 223.875V280.226C307.459 291.031 290.541 296.359 280.757 288.78L290.235 280.902V223.95H290.337Z" fill="#FFDECC"/>
+<path d="M266.373 176.2C247.559 180.796 234.252 178.038 215.897 174.362C197.543 170.685 206.72 145.869 206.72 145.869H276.468C276.468 145.869 285.186 171.604 266.373 176.2Z" fill="#231E1A"/>
+<path d="M226.881 185.348C231.387 180.913 230.526 165.459 229.532 158.285C232.514 159.372 239.405 161.676 243.116 162.198C246.827 162.72 252.173 159.807 254.382 158.285C252.946 169.806 254.78 192.521 273.6 191.217C297.125 189.586 303.13 193.173 307.748 197.738C313.973 203.89 313.36 233.278 310.378 242.081C307.396 250.885 282.765 241.103 249.631 242.081C216.497 243.059 182.781 240.613 180.13 236.7C177.479 232.788 171.878 215.671 175.192 202.955C178.505 190.239 191.427 191.217 199.711 191.217C207.994 191.217 221.248 190.891 226.881 185.348Z" fill="url(#paint0_linear)"/>
+<g filter="url(#filter1_d)">
+<path d="M175.194 201.178C178.508 188.644 191.43 189.608 199.713 189.608C206.291 189.608 222.551 206.201 241.476 206.201C256.616 206.201 272.133 192.429 285.511 189.608C304.436 189.608 304.286 190.628 308.905 195.128C315.13 201.192 313.214 225.692 311.657 236.654C310.281 246.344 311.657 267.107 288.263 267.107C274.434 266.789 215.691 266.816 205.698 267.107C179.552 267.107 176.801 256.033 174.048 236.654C172.476 225.58 171.881 213.712 175.194 201.178Z" fill="#AFCA0B"/>
+</g>
+<path d="M205.488 92.6675C205.488 75.1941 220.863 61.0291 239.828 61.0291H244.407C263.372 61.0291 278.746 75.1941 278.746 92.6675V134.852C278.746 148.533 268.397 161.802 254.427 169.448C246.853 173.593 237.64 172.921 230.038 168.83C212.96 159.64 206.673 149.104 205.488 134.852V92.6675Z" fill="url(#paint1_linear)"/>
+<path d="M239.382 153.61C237.822 154.146 237.379 153.991 234.831 153.61C235.513 154.046 237.342 155.155 238.569 155.155C240.104 155.155 240.924 155.81 242.714 155.81V153.61C242.714 153.61 240.911 153.085 239.382 153.61Z" fill="#E98484"/>
+<path d="M245.637 153.61C247.198 154.146 247.64 153.991 250.188 153.61C249.507 154.046 247.678 155.155 246.45 155.155C244.916 155.155 244.096 155.81 242.306 155.81V153.61C242.306 153.61 244.109 153.085 245.637 153.61Z" fill="#E98484"/>
+<path d="M242.861 155.497C238.652 155.497 235.754 154.015 234.831 153.275C235.846 154.345 238.874 156.484 242.861 156.484C246.849 156.484 249.138 154.345 249.784 153.275C249.23 154.015 247.07 155.497 242.861 155.497Z" fill="#E98484" stroke="#E98484" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M264.861 85.0721C253.817 95.9059 236.691 108.748 209.424 115.446C208.102 123.157 207.593 145.74 216.137 174.386L189.531 169.085C185.767 146.164 182.511 96.3066 196.913 74.2517C214.312 47.6091 238.835 47.0101 262.496 59.2982C268.477 58.8765 278.246 60.4372 283.574 67.9142C294.864 83.7581 301.845 113.5 296.658 142.653C292.166 163.732 292.987 159.197 289.372 170.584L266.181 176.288C269.944 169.105 277.105 149.099 275.64 126.537C274.289 105.72 268.331 91.0353 264.861 85.0721Z" fill="url(#paint2_linear)"/>
+<path d="M215.109 121.08C212.241 121.309 209.732 121.176 209.015 120.795C210.09 122.318 211.849 124.507 214.034 124.507C218.694 124.507 220.845 123.079 224.43 123.365C227.298 123.593 230.644 124.983 231.958 125.649C231.958 125.364 230.954 123.936 226.939 121.651C221.92 118.796 218.694 120.795 215.109 121.08Z" fill="#28292B"/>
+<path d="M268.079 120.923C270.946 121.113 273.456 121.002 274.173 120.685C273.097 121.954 271.338 123.778 269.154 123.778C264.494 123.778 262.343 122.588 258.758 122.826C255.89 123.017 252.544 124.175 251.23 124.73C251.23 124.492 252.233 123.302 256.248 121.398C261.267 119.019 264.494 120.685 268.079 120.923Z" fill="#28292B"/>
+<path d="M206.877 118.981V122.019H208.642V128.905C208.642 133.765 212.669 137.613 217.522 137.613H227.952C232.598 137.613 236.316 133.968 236.316 129.411V123.032H247.674V128.905C247.674 133.765 251.702 137.613 256.555 137.613H266.984C271.631 137.613 275.348 133.968 275.348 129.411V122.12H277.017V118.981H206.877ZM234.56 129.512C234.56 133.056 231.566 135.993 227.952 135.993H217.522C213.599 135.993 210.397 132.854 210.397 129.006V120.703H234.56V129.512ZM273.593 129.512C273.593 133.056 270.598 135.993 266.984 135.993H256.555C252.631 135.993 249.43 132.854 249.43 129.006V120.703H273.593V129.512Z" fill="black"/>
+<path d="M242.49 143.642C241.436 143.642 240.382 143.526 239.328 143.18C238.801 143.065 238.567 142.488 238.742 142.026C238.918 141.565 239.386 141.334 239.855 141.507C241.553 142.026 243.369 142.026 245.126 141.507C245.594 141.392 246.063 141.622 246.238 142.026C246.414 142.488 246.18 143.065 245.653 143.238C244.599 143.526 243.544 143.642 242.49 143.642Z" fill="#E9AB84"/>
+<path d="M281.303 70.2837H204.826L229.97 33.9446C231.109 32.3189 233.197 31.9364 234.81 32.9883L238.32 36.3353C240.692 38.5348 244.393 38.6304 246.765 36.431L250.465 33.0839C252.078 32.032 254.166 32.4145 255.305 33.9446L281.303 70.2837Z" fill="#006C43"/>
+<path d="M286.427 76.0325L244.697 84.7322C242.858 85.0837 240.921 85.0837 239.179 84.7322L196.287 75.9446L208.583 57.5786L241.405 52.4819L277.887 57.5786L286.427 76.0325Z" fill="#AFCA0B"/>
+<path d="M290.33 80.2247L245.385 89.4782C243.404 89.8521 241.318 89.8521 239.441 89.4782L193.245 80.1312L206.489 60.5959L241.84 55.1747L279.276 60.5959L290.33 80.2247Z" fill="black"/>
+<path d="M290.225 77.8894L245.421 86.3935C243.446 86.7371 241.366 86.7371 239.495 86.3935L193.443 77.8035L206.646 59.8502L241.886 54.868L279.206 59.8502L290.225 77.8894Z" fill="#006C43"/>
+<path d="M261.149 124.981C264.309 124.981 266.871 126.263 266.871 124.647C266.871 123.032 264.309 121.722 261.149 121.722C257.989 121.722 255.427 123.032 255.427 124.647C255.427 126.263 257.989 124.981 261.149 124.981Z" fill="black"/>
+<path d="M220.617 124.981C223.386 124.981 225.63 126.263 225.63 124.647C225.63 123.032 223.386 121.722 220.617 121.722C217.848 121.722 215.604 123.032 215.604 124.647C215.604 126.263 217.848 124.981 220.617 124.981Z" fill="black"/>
+<path d="M171.965 264.382H193.138L198.226 194.939C198.226 192.028 195.888 189.672 193 189.672C176.359 189.672 171.965 203.04 171.965 219.811V264.382Z" fill="#AFCA0B"/>
+<path d="M198.335 258.17H168.975V267.486H198.335V258.17Z" fill="#AFCA0B"/>
+<path d="M316.599 264.382H295.426L290.337 194.939C290.337 192.028 292.675 189.672 295.563 189.672C312.204 189.672 316.599 203.04 316.599 219.811V264.382Z" fill="#AFCA0B"/>
+<path d="M290.226 258.17H319.587V267.486H290.226V258.17Z" fill="#AFCA0B"/>
+<path d="M295.709 326.565L295.71 313.944C295.71 313.174 292.541 302.284 291.251 295.684C289.608 286.554 289.138 220.994 289.138 220.994V189.865C289.138 189.865 274.588 189.755 274.236 189.645L246.086 226.987H242.018L211.339 189.865H197.023V220.994C197.023 220.994 197.492 286.554 195.85 295.684C194.676 302.284 191.038 313.174 191.038 313.944L191.038 326.565H295.709Z" fill="#006C43"/>
+<path d="M241.237 213.178H245.859V321.68H241.237V213.178Z" fill="#AFCA0B"/>
+<path d="M226.012 117.119H218.89C218.074 117.119 217.367 116.407 217.367 115.585C217.367 114.763 218.074 114.05 218.89 114.05H226.012C226.828 114.05 227.535 114.763 227.535 115.585C227.535 116.407 226.882 117.119 226.012 117.119Z" fill="#4C3F3F"/>
+<path d="M226.011 116.078H218.889C218.236 116.078 217.692 115.639 217.475 115.037C217.421 115.201 217.366 115.365 217.366 115.53C217.366 116.352 218.073 117.064 218.889 117.064H226.011C226.827 117.064 227.534 116.352 227.534 115.53C227.534 115.365 227.479 115.146 227.425 115.037C227.262 115.639 226.718 116.078 226.011 116.078Z" fill="#2B2727"/>
+<path d="M262.984 117.119H255.861C255.046 117.119 254.339 116.407 254.339 115.585C254.339 114.763 255.046 114.05 255.861 114.05H262.984C263.8 114.05 264.506 114.763 264.506 115.585C264.506 116.407 263.854 117.119 262.984 117.119Z" fill="#4C3F3F"/>
+<path d="M262.984 116.078H255.861C255.209 116.078 254.665 115.639 254.448 115.037C254.393 115.201 254.339 115.365 254.339 115.53C254.339 116.352 255.046 117.064 255.861 117.064H262.984C263.8 117.064 264.506 116.352 264.506 115.53C264.506 115.365 264.452 115.146 264.398 115.037C264.235 115.639 263.691 116.078 262.984 116.078Z" fill="#2B2727"/>
+<ellipse cx="269.019" cy="228.579" rx="3.26231" ry="3.28793" fill="#AFCA0B"/>
+<path d="M279.524 229.127H257.97C256.865 229.127 255.97 230.022 255.97 231.127V243.566C255.97 244.671 256.865 245.566 257.97 245.566H279.524C280.629 245.566 281.524 244.671 281.524 243.566V231.127C281.524 230.022 280.629 229.127 279.524 229.127Z" fill="white"/>
+<g filter="url(#filter2_d)">
+<path d="M266.454 180.372L266.794 180.487C271.556 182.322 276.886 179.799 278.586 174.982L285.503 156.289C287.317 151.473 284.823 146.083 280.06 144.363L279.72 144.248C274.958 142.413 269.629 144.936 267.928 149.753L261.011 168.446C259.31 173.147 261.691 178.537 266.454 180.372Z" fill="#FFDECC"/>
+</g>
+<g filter="url(#filter3_d)">
+<path d="M216.28 177.183L215.954 177.295C211.388 179.077 206.278 176.626 204.647 171.947L198.015 153.789C196.276 149.11 198.668 143.874 203.234 142.203L203.56 142.091C208.126 140.309 213.236 142.76 214.867 147.439L221.499 165.597C223.129 170.165 220.738 175.401 216.28 177.183Z" fill="#FFDECC"/>
+</g>
+<path d="M202.073 278.633L222.621 177.103C223.712 171.795 220.527 166.799 215.547 165.727C210.56 164.766 205.656 168.175 204.565 173.483L184.023 274.901C182.932 280.209 186.117 285.205 191.097 286.277C196.078 287.349 201.1 283.836 202.073 278.633Z" fill="#FFDECC"/>
+<path d="M280.333 283.857L258.18 181.729C256.993 176.404 260.362 171.22 265.534 170.168C270.707 169.117 275.834 172.44 277.021 177.766L299.057 279.902C300.244 285.227 296.876 290.411 291.703 291.462C286.539 292.629 281.404 289.19 280.333 283.857Z" fill="#FFDECC"/>
+</g>
+<path d="M321.942 156.484L319.891 165.727L310.663 167.78L319.891 169.834L321.942 178.948L323.865 169.834L333.093 167.78L324.249 165.983L321.942 156.484Z" fill="#F9E011"/>
+<path d="M145.646 186.436L144.19 192.632L137.636 194.01L144.19 195.387L145.646 201.411L147.103 195.387L153.657 194.01L147.285 192.805L145.646 186.436Z" fill="#F9E011"/>
+<rect x="103.766" y="304.102" width="268.846" height="13.9893" rx="3" fill="#C4C4C4"/>
+<rect x="119.35" y="318.092" width="237.675" height="8.60886" fill="url(#paint3_linear)"/>
+<path d="M374.96 125.168C391.594 125.168 405.079 111.663 405.079 95.0029C405.079 78.343 391.594 64.8375 374.96 64.8375C358.325 64.8375 344.84 78.343 344.84 95.0029C344.84 111.663 358.325 125.168 374.96 125.168Z" fill="#EFEEEE"/>
+<path d="M374.96 117.68C389.235 117.68 400.807 106.091 400.807 91.7939C400.807 77.4971 389.235 65.9073 374.96 65.9073C360.685 65.9073 349.112 77.4971 349.112 91.7939C349.112 106.091 360.685 117.68 374.96 117.68Z" fill="white"/>
+<path d="M374.96 94.2539C376.316 94.2539 377.416 93.1524 377.416 91.7936C377.416 90.4348 376.316 89.3333 374.96 89.3333C373.603 89.3333 372.503 90.4348 372.503 91.7936C372.503 93.1524 373.603 94.2539 374.96 94.2539Z" fill="#1A1A1A"/>
+<path d="M374.96 68.2586C387.884 68.2586 398.458 78.8485 398.458 91.7918C398.458 104.735 387.884 115.325 374.96 115.325C362.037 115.325 351.463 104.735 351.463 91.7918C351.463 78.8485 362.037 68.2586 374.96 68.2586ZM374.96 63.4449C359.366 63.4449 346.656 76.1743 346.656 91.7918C346.656 107.409 359.366 120.139 374.96 120.139C390.554 120.139 403.264 107.409 403.264 91.7918C403.264 76.1743 390.661 63.4449 374.96 63.4449Z" fill="#AFCA0B"/>
+<path opacity="0.15" d="M395.04 71.6843C384.039 60.6665 366.095 60.6665 354.987 71.6843C343.879 82.7022 343.986 100.673 354.987 111.798" fill="white"/>
+<path d="M374.962 71.1488V73.0742" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
+<path d="M374.961 110.407V112.332" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
+<path d="M385.215 73.9313L384.36 75.5358" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
+<path d="M365.669 107.948L364.708 109.553" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
+<path d="M392.794 81.4186L391.192 82.3813" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
+<path d="M358.831 101.101L357.229 102.064" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
+<path d="M395.574 91.7942H393.651" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
+<path d="M356.375 91.7939H354.452" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
+<path d="M392.796 102.064L391.194 101.101" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
+<path d="M358.833 82.3811L357.23 81.4183" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
+<path d="M385.216 109.553L384.361 107.948" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
+<path d="M365.669 75.5354L364.708 73.9308" stroke="#E0D1BF" stroke-width="0.5702" stroke-miterlimit="10"/>
+<path d="M374.96 91.7951V75.7498" stroke="#1A1A1A" stroke-width="0.8553" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M374.96 91.7936L389.059 83.7709" stroke="#1A1A1A" stroke-width="0.1426" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M374.96 91.7939L363.852 98.212" stroke="#1A1A1A" stroke-width="0.8553" stroke-miterlimit="10" stroke-linecap="round"/>
+<path d="M59.6639 125.035H120.865C127.273 125.035 132.507 119.794 132.507 113.375C132.507 106.957 127.273 101.716 120.865 101.716H59.5571C53.1487 101.716 47.9151 106.957 47.9151 113.375C48.0219 119.794 53.2555 125.035 59.6639 125.035Z" fill="white"/>
+<path d="M124.604 93.1584H153.015C158.569 93.1584 163.055 88.6657 163.055 83.1033C163.055 77.5409 158.569 73.0482 153.015 73.0482H124.604C119.05 73.0482 114.564 77.5409 114.564 83.1033C114.564 88.6657 119.05 93.1584 124.604 93.1584Z" fill="white"/>
+<path d="M132.729 75.1876L131.873 78.9288L128.021 79.7839L131.873 80.7459L132.729 84.4871L133.585 80.7459L137.436 79.7839L133.799 79.0357L132.729 75.1876Z" fill="#F9E011"/>
+<defs>
+<filter id="filter0_d" x="166.975" y="27.4" width="170.613" height="314.165" 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 dx="8" dy="5"/>
+<feGaussianBlur stdDeviation="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.2625 0 0 0 0 0.234062 0 0 0 0 0.234062 0 0 0 0.15 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="162.783" y="183.591" width="160.424" height="97.5162" 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="5"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 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>
+<filter id="filter2_d" x="256.463" y="141.648" width="29.6339" height="41.4392" 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 dx="-2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.929167 0 0 0 0 0.425868 0 0 0 0 0.425868 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>
+<filter id="filter3_d" x="197.446" y="139.508" width="28.5658" height="40.3695" 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 dx="2"/>
+<feGaussianBlur stdDeviation="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0.929167 0 0 0 0 0.425868 0 0 0 0 0.425868 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>
+<linearGradient id="paint0_linear" x1="243.365" y1="158.285" x2="241.451" y2="233.885" gradientUnits="userSpaceOnUse">
+<stop offset="0.192708" stop-color="#ECC5A0"/>
+<stop offset="0.369792" stop-color="#FDE1CE"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="242.117" y1="61.0291" x2="242.117" y2="174.4" gradientUnits="userSpaceOnUse">
+<stop stop-color="#F7EBD6"/>
+<stop offset="1" stop-color="#FFDDCB"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="241.236" y1="52.5895" x2="242.394" y2="161.177" gradientUnits="userSpaceOnUse">
+<stop stop-color="#675654"/>
+<stop offset="1" stop-color="#131313"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="238.187" y1="318.092" x2="238.187" y2="326.7" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A8A7A7"/>
+<stop offset="0.484375" stop-color="#DCDCDC"/>
+</linearGradient>
+</defs>
+</svg>

src/view/page/account/Account.jsx

@@ -38,6 +38,14 @@ const Account = D.declare('view.page.Account', () => {
                                           )
                                   })}
                         />
+                        <div className="no-cards">
+                            <div className="no-cards__text">
+                                
+                            </div>
+                            <div className="no-cards__image">
+                                <img src="uploads/images/assistant-nocards.svg" alt=""/>
+                            </div>
+                        </div>
                        {/* {(()=> {
                             let c = <div/>;
                             (async () => {