Skip to content
Snippets Groups Projects
Commit 12d5b9f3 authored by Alissa Cheng's avatar Alissa Cheng
Browse files

Merge branch 'empty-state-general-error' into 'main' 

feat: general error component

See merge request !51
parents f52dfe09 f153731c
No related branches found
No related tags found
1 merge request!51feat: general error component
Pipeline #79873 passed
Stage: build
Stage: release
Stage: deploy
Show whitespace changes
Inline Side-by-side
src/assets/images/general-error.svg 0 → 100644
+ 19
− 0
View file @ 12d5b9f3
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="275" height="92" viewBox="0 0 235 100" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
<g transform="matrix(1,0,0,1,-0.725905,0)">
<path d="M194.63,32.368L197.963,38.116L188.873,35.68C187.836,35.402 186.77,36.014 186.494,37.048C186.217,38.081 186.834,39.144 187.87,39.422L196.961,41.857L191.201,45.168C190.272,45.702 189.954,46.887 190.492,47.813C191.029,48.741 192.216,49.059 193.148,48.525L198.909,45.214L196.482,54.269C196.205,55.303 196.823,56.365 197.859,56.643C198.896,56.921 199.962,56.309 200.239,55.276L202.665,46.221L205.998,51.968C206.535,52.896 207.726,53.215 208.655,52.68C209.584,52.146 209.901,50.962 209.363,50.035L206.03,44.287L215.121,46.723C216.157,47.001 217.223,46.389 217.5,45.356C217.777,44.323 217.16,43.26 216.123,42.982L207.033,40.546L212.793,37.234C213.722,36.701 214.04,35.516 213.502,34.589C213.233,34.126 212.802,33.814 212.321,33.685C211.84,33.556 211.31,33.61 210.846,33.877L205.085,37.188L207.511,28.134C207.788,27.101 207.171,26.038 206.134,25.76C205.098,25.482 204.032,26.094 203.755,27.127L201.329,36.183L197.996,30.434C197.727,29.971 197.295,29.659 196.814,29.53C196.334,29.401 195.804,29.455 195.339,29.722C194.41,30.256 194.093,31.441 194.63,32.368ZM165.649,59.533C165.372,60.566 165.989,61.629 167.026,61.907L172.096,63.266L170.743,68.315C170.466,69.348 171.083,70.411 172.12,70.689C173.157,70.966 174.223,70.354 174.499,69.321L175.852,64.272L180.922,65.631C181.959,65.908 183.024,65.296 183.301,64.263C183.578,63.23 182.961,62.167 181.924,61.889L176.855,60.531L178.208,55.482C178.484,54.448 177.867,53.386 176.831,53.108C175.794,52.83 174.728,53.442 174.451,54.475L173.098,59.524L168.029,58.166C166.992,57.888 165.926,58.5 165.649,59.533ZM186.94,15.381L190.492,16.333L189.544,19.87C189.267,20.904 189.881,21.966 190.921,22.244C191.957,22.522 193.023,21.91 193.3,20.877L194.248,17.339L197.8,18.291C198.837,18.569 199.903,17.957 200.179,16.923C200.456,15.89 199.839,14.827 198.803,14.549L195.251,13.598L196.198,10.06C196.475,9.027 195.858,7.964 194.822,7.686C193.782,7.407 192.719,8.02 192.442,9.053L191.494,12.591L187.942,11.639C186.905,11.362 185.839,11.974 185.563,13.007C185.286,14.04 185.903,15.103 186.94,15.381ZM176.118,27.975C177.299,28.292 178.51,27.594 178.826,26.418C179.141,25.241 178.441,24.032 177.26,23.715C176.079,23.399 174.865,24.096 174.549,25.272C174.234,26.448 174.937,27.659 176.118,27.975ZM168.569,44.297C169.75,44.614 170.961,43.916 171.277,42.739C171.592,41.563 170.892,40.353 169.711,40.037C168.53,39.721 167.315,40.417 167,41.594C166.685,42.77 167.388,43.981 168.569,44.297ZM232.848,57.746C234.029,58.062 235.244,57.365 235.559,56.189C235.874,55.013 235.171,53.802 233.99,53.486C232.809,53.169 231.598,53.867 231.283,55.043C230.967,56.219 231.667,57.429 232.848,57.746ZM192.593,71.887C191.412,71.57 190.198,72.267 189.882,73.443C189.567,74.62 190.27,75.83 191.451,76.147C192.632,76.463 193.844,75.765 194.159,74.589C194.474,73.413 193.774,72.203 192.593,71.887ZM203.338,66.992C203.061,68.025 203.675,69.087 204.715,69.366L212.258,71.387L210.245,78.899C209.968,79.932 210.585,80.995 211.622,81.273C212.659,81.551 213.725,80.939 214.001,79.906L216.014,72.394L223.557,74.415C224.594,74.692 225.66,74.08 225.937,73.047C226.213,72.014 225.596,70.951 224.56,70.673L217.017,68.652L219.03,61.139C219.307,60.106 218.69,59.043 217.653,58.765C216.616,58.488 215.55,59.1 215.273,60.133L213.26,67.646L205.718,65.624C204.678,65.346 203.615,65.959 203.338,66.992ZM218.674,21.84C219.855,22.156 221.069,21.459 221.384,20.283C221.699,19.107 220.996,17.896 219.815,17.58C218.634,17.263 217.423,17.961 217.108,19.137C216.793,20.313 217.493,21.523 218.674,21.84ZM226.331,37.967L227.713,38.338L227.344,39.716C227.067,40.749 227.684,41.812 228.721,42.09C229.758,42.367 230.823,41.756 231.1,40.722L231.469,39.344L232.855,39.715C233.891,39.993 234.957,39.382 235.234,38.348C235.511,37.315 234.894,36.252 233.857,35.974L232.472,35.603L232.841,34.225C233.118,33.192 232.501,32.129 231.464,31.851C230.427,31.573 229.362,32.185 229.085,33.219L228.716,34.596L227.333,34.226C226.296,33.948 225.231,34.56 224.954,35.593C224.677,36.627 225.294,37.69 226.331,37.967Z" style="fill:rgb(58,88,150);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,-0.725905,0)">
<path d="M50.057,48.94L43.988,46.234L52.782,42.882C53.785,42.5 54.29,41.38 53.909,40.38C53.528,39.381 52.405,38.881 51.402,39.263L42.608,42.615L45.337,36.557C45.777,35.58 45.34,34.434 44.361,33.998C43.382,33.561 42.234,33.999 41.791,34.977L39.063,41.036L35.724,32.276C35.343,31.276 34.22,30.776 33.218,31.159C32.215,31.541 31.709,32.661 32.09,33.661L35.429,42.42L29.361,39.716C28.382,39.279 27.231,39.718 26.791,40.695C26.351,41.672 26.788,42.818 27.766,43.254L33.835,45.959L25.041,49.311C24.038,49.693 23.533,50.814 23.914,51.813C24.295,52.813 25.417,53.313 26.42,52.93L35.214,49.578L32.486,55.637C32.046,56.614 32.483,57.76 33.461,58.196C33.951,58.414 34.483,58.414 34.949,58.237C35.414,58.059 35.811,57.705 36.031,57.217L38.76,51.159L42.098,59.918C42.479,60.917 43.602,61.417 44.605,61.035C45.608,60.653 46.113,59.532 45.732,58.533L42.393,49.773L48.462,52.479C48.951,52.697 49.484,52.696 49.949,52.519C50.414,52.342 50.812,51.987 51.032,51.499C51.472,50.522 51.035,49.376 50.057,48.94ZM57.627,9.946C57.246,8.946 56.124,8.446 55.121,8.828L50.216,10.698L48.355,5.813C47.974,4.814 46.851,4.314 45.848,4.696C44.845,5.079 44.34,6.199 44.721,7.199L46.582,12.083L41.678,13.952C40.675,14.334 40.17,15.455 40.551,16.454C40.932,17.454 42.055,17.954 43.058,17.572L47.962,15.702L49.824,20.587C50.205,21.586 51.328,22.086 52.33,21.704C53.333,21.322 53.839,20.201 53.458,19.202L51.596,14.317L56.5,12.448C57.503,12.066 58.008,10.945 57.627,9.946ZM66.241,58.2L62.805,59.51L61.501,56.088C61.12,55.088 60,54.587 58.994,54.97C57.991,55.353 57.486,56.473 57.867,57.473L59.171,60.895L55.735,62.205C54.732,62.587 54.227,63.707 54.608,64.707C54.989,65.707 56.112,66.206 57.115,65.824L60.551,64.514L61.855,67.937C62.236,68.936 63.359,69.436 64.362,69.054C65.368,68.671 65.87,67.551 65.489,66.552L64.185,63.129L67.621,61.82C68.624,61.437 69.129,60.317 68.748,59.317C68.367,58.318 67.244,57.818 66.241,58.2ZM67.632,41.654C66.49,42.089 65.917,43.364 66.351,44.502C66.784,45.64 68.061,46.21 69.203,45.775C70.346,45.339 70.921,44.063 70.488,42.925C70.054,41.787 68.775,41.218 67.632,41.654ZM64.188,24.004C63.045,24.439 62.472,25.714 62.906,26.852C63.34,27.99 64.616,28.56 65.758,28.125C66.901,27.689 67.477,26.413 67.043,25.275C66.609,24.137 65.33,23.568 64.188,24.004ZM4.216,50.765C3.074,51.2 2.498,52.476 2.932,53.614C3.366,54.752 4.645,55.321 5.787,54.886C6.93,54.45 7.502,53.175 7.069,52.037C6.635,50.899 5.359,50.329 4.216,50.765ZM28.555,15.72C29.697,15.284 30.273,14.008 29.839,12.871C29.406,11.733 28.127,11.163 26.984,11.599C25.842,12.034 25.269,13.309 25.702,14.447C26.136,15.585 27.412,16.155 28.555,15.72ZM22.714,25.982C22.333,24.982 21.213,24.481 20.208,24.865L12.911,27.646L10.141,20.379C9.76,19.379 8.637,18.88 7.634,19.262C6.631,19.644 6.126,20.765 6.507,21.764L9.277,29.031L1.98,31.812C0.977,32.195 0.472,33.315 0.853,34.315C1.234,35.314 2.357,35.814 3.36,35.432L10.656,32.651L13.427,39.918C13.807,40.918 14.93,41.418 15.933,41.035C16.936,40.653 17.441,39.533 17.06,38.533L14.29,31.266L21.587,28.484C22.593,28.101 23.095,26.982 22.714,25.982ZM36.74,71.558C35.597,71.994 35.022,73.27 35.455,74.407C35.889,75.545 37.168,76.114 38.311,75.679C39.453,75.244 40.026,73.969 39.592,72.831C39.159,71.693 37.883,71.123 36.74,71.558ZM21.086,62.974L19.749,63.484L19.241,62.151C18.86,61.151 17.737,60.652 16.734,61.034C15.731,61.416 15.226,62.536 15.607,63.536L16.115,64.869L14.775,65.38C13.772,65.762 13.266,66.882 13.648,67.882C14.028,68.882 15.151,69.382 16.154,68.999L17.494,68.489L18.002,69.821C18.383,70.821 19.506,71.321 20.509,70.939C21.512,70.556 22.017,69.436 21.636,68.436L21.128,67.103L22.466,66.594C23.469,66.211 23.974,65.091 23.593,64.091C23.212,63.092 22.089,62.592 21.086,62.974Z" style="fill:rgb(0,173,238);fill-rule:nonzero;"/>
</g>
<g transform="matrix(1,0,0,1,-0.725905,0)">
<path d="M120.5,7.9C103.048,7.9 88.9,22.048 88.9,39.5C88.9,56.952 103.048,71.1 120.5,71.1C137.952,71.1 152.1,56.952 152.1,39.5C152.1,22.048 137.952,7.9 120.5,7.9ZM81,39.5C81,17.685 98.685,0 120.5,0C142.315,0 160,17.685 160,39.5C160,61.315 142.315,79 120.5,79C98.685,79 81,61.315 81,39.5Z" style="fill:rgb(255,153,51);"/>
</g>
<g transform="matrix(1,0,0,1,-0.725905,0)">
<path d="M114.575,55.3C114.575,52.028 117.228,49.375 120.5,49.375L120.539,49.375C123.812,49.375 126.464,52.028 126.464,55.3L126.464,55.34C126.464,58.612 123.812,61.265 120.539,61.265L120.5,61.265C117.228,61.265 114.575,58.612 114.575,55.34L114.575,55.3Z" style="fill:rgb(255,153,51);"/>
</g>
<g transform="matrix(1,0,0,1,-0.725905,0)">
<path d="M120.5,43.45C118.318,43.45 116.55,41.682 116.55,39.5L116.55,23.7C116.55,21.518 118.318,19.75 120.5,19.75C122.681,19.75 124.45,21.518 124.45,23.7L124.45,39.5C124.45,41.682 122.681,43.45 120.5,43.45Z" style="fill:rgb(255,153,51);"/>
</g>
</svg>
src/assets/images/not-found.svg
+ 1
− 1
View file @ 12d5b9f3
<svg width="273" height="88" viewBox="0 0 273 100" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="273" height="92" viewBox="0 0 273 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M222.63 32.3657L225.963 38.1138L216.873 35.6781C215.836 35.4003 214.77 36.0123 214.494 37.0456C214.217 38.0788 214.834 39.1418 215.87 39.4196L224.961 41.8553L219.201 45.1664C218.272 45.6999 217.954 46.8846 218.492 47.8114C219.029 48.7388 220.216 49.0569 221.148 48.5232L226.909 45.2119L224.482 54.2673C224.205 55.3005 224.823 56.3635 225.859 56.6413C226.896 56.9191 227.962 56.307 228.239 55.2738L230.665 46.2191L233.998 51.9663C234.535 52.8937 235.726 53.2126 236.655 52.6782C237.584 52.1443 237.901 50.9596 237.363 50.0331L234.03 44.2855L243.121 46.7213C244.157 46.9991 245.223 46.387 245.5 45.3538C245.777 44.3205 245.16 43.2576 244.123 42.9798L235.033 40.544L240.793 37.2324C241.722 36.6985 242.04 35.5141 241.502 34.587C241.233 34.1236 240.802 33.8119 240.321 33.683C239.84 33.5542 239.31 33.6083 238.846 33.8752L233.085 37.1862L235.511 28.1318C235.788 27.0985 235.171 26.0356 234.134 25.7578C233.098 25.48 232.032 26.092 231.755 27.1253L229.329 36.1806L225.996 30.4321C225.727 29.9687 225.295 29.657 224.814 29.5281C224.334 29.3993 223.804 29.4533 223.339 29.7203C222.41 30.2544 222.093 31.4389 222.63 32.3657ZM193.649 59.5312C193.372 60.5645 193.989 61.6274 195.026 61.9052L200.096 63.2636L198.743 68.3125C198.466 69.3458 199.083 70.4087 200.12 70.6865C201.157 70.9643 202.223 70.3523 202.499 69.319L203.852 64.2701L208.922 65.6285C209.959 65.9063 211.024 65.2943 211.301 64.261C211.578 63.2278 210.961 62.1648 209.924 61.887L204.855 60.5286L206.208 55.4797C206.484 54.4465 205.867 53.3835 204.831 53.1057C203.794 52.8279 202.728 53.4399 202.451 54.4732L201.098 59.5221L196.029 58.1637C194.992 57.8859 193.926 58.498 193.649 59.5312ZM214.94 15.3789L218.492 16.3307L217.544 19.8683C217.267 20.9016 217.881 21.9637 218.921 22.2423C219.957 22.5201 221.023 21.9081 221.3 20.8749L222.248 17.3372L225.8 18.289C226.837 18.5668 227.903 17.955 228.179 16.9215C228.456 15.8882 227.839 14.8253 226.803 14.5475L223.251 13.5957L224.198 10.0581C224.475 9.02481 223.858 7.96185 222.822 7.68405C221.782 7.40544 220.719 8.01829 220.442 9.05153L219.494 12.5892L215.942 11.6374C214.905 11.3596 213.839 11.9717 213.563 13.0049C213.286 14.0385 213.903 15.1011 214.94 15.3789ZM204.118 27.9732C205.299 28.2896 206.51 27.5921 206.826 26.4157C207.141 25.2394 206.441 24.0297 205.26 23.7133C204.079 23.3968 202.865 24.0936 202.549 25.2699C202.234 26.4462 202.937 27.6567 204.118 27.9732ZM196.569 44.2952C197.75 44.6117 198.961 43.9138 199.277 42.7375C199.592 41.5611 198.892 40.3514 197.711 40.035C196.53 39.7185 195.315 40.4153 195 41.5916C194.685 42.768 195.388 43.9788 196.569 44.2952ZM260.848 57.7435C262.029 58.06 263.244 57.3632 263.559 56.1869C263.874 55.0106 263.171 53.8001 261.99 53.4836C260.809 53.1672 259.598 53.8647 259.283 55.0411C258.967 56.2174 259.667 57.4271 260.848 57.7435ZM220.593 71.8846C219.412 71.5682 218.198 72.2649 217.882 73.4412C217.567 74.6176 218.27 75.8281 219.451 76.1445C220.632 76.461 221.844 75.7634 222.159 74.5871C222.474 73.4107 221.774 72.2011 220.593 71.8846ZM231.338 66.99C231.061 68.0232 231.675 69.0854 232.715 69.364L240.258 71.3851L238.245 78.8971C237.968 79.9303 238.585 80.9933 239.622 81.2711C240.659 81.5489 241.725 80.9369 242.001 79.9036L244.014 72.3916L251.557 74.4127C252.594 74.6905 253.66 74.0784 253.937 73.0452C254.213 72.0119 253.596 70.949 252.56 70.6712L245.017 68.6501L247.03 61.1375C247.307 60.1042 246.69 59.0413 245.653 58.7635C244.616 58.4857 243.55 59.0977 243.273 60.131L241.26 67.6436L233.718 65.6225C232.678 65.3439 231.615 65.9567 231.338 66.99ZM246.674 21.8375C247.855 22.154 249.069 21.4572 249.384 20.2812C249.699 19.1049 248.996 17.8944 247.815 17.5779C246.634 17.2615 245.423 17.9591 245.108 19.1354C244.793 20.3114 245.493 21.5211 246.674 21.8375ZM254.331 37.9654L255.713 38.3358L255.344 39.7135C255.067 40.7471 255.684 41.8097 256.721 42.0875C257.758 42.3653 258.823 41.7536 259.1 40.7201L259.469 39.3423L260.855 39.7135C261.891 39.9913 262.957 39.3795 263.234 38.346C263.511 37.3127 262.894 36.2498 261.857 35.972L260.472 35.6008L260.841 34.223C261.118 33.1898 260.501 32.1268 259.464 31.849C258.427 31.5712 257.362 32.1833 257.085 33.2165L256.716 34.5943L255.333 34.2239C254.296 33.9461 253.231 34.5581 252.954 35.5913C252.677 36.6249 253.294 37.6876 254.331 37.9654Z" fill="#3A5896"/> <path d="M222.63 32.3657L225.963 38.1138L216.873 35.6781C215.836 35.4003 214.77 36.0123 214.494 37.0456C214.217 38.0788 214.834 39.1418 215.87 39.4196L224.961 41.8553L219.201 45.1664C218.272 45.6999 217.954 46.8846 218.492 47.8114C219.029 48.7388 220.216 49.0569 221.148 48.5232L226.909 45.2119L224.482 54.2673C224.205 55.3005 224.823 56.3635 225.859 56.6413C226.896 56.9191 227.962 56.307 228.239 55.2738L230.665 46.2191L233.998 51.9663C234.535 52.8937 235.726 53.2126 236.655 52.6782C237.584 52.1443 237.901 50.9596 237.363 50.0331L234.03 44.2855L243.121 46.7213C244.157 46.9991 245.223 46.387 245.5 45.3538C245.777 44.3205 245.16 43.2576 244.123 42.9798L235.033 40.544L240.793 37.2324C241.722 36.6985 242.04 35.5141 241.502 34.587C241.233 34.1236 240.802 33.8119 240.321 33.683C239.84 33.5542 239.31 33.6083 238.846 33.8752L233.085 37.1862L235.511 28.1318C235.788 27.0985 235.171 26.0356 234.134 25.7578C233.098 25.48 232.032 26.092 231.755 27.1253L229.329 36.1806L225.996 30.4321C225.727 29.9687 225.295 29.657 224.814 29.5281C224.334 29.3993 223.804 29.4533 223.339 29.7203C222.41 30.2544 222.093 31.4389 222.63 32.3657ZM193.649 59.5312C193.372 60.5645 193.989 61.6274 195.026 61.9052L200.096 63.2636L198.743 68.3125C198.466 69.3458 199.083 70.4087 200.12 70.6865C201.157 70.9643 202.223 70.3523 202.499 69.319L203.852 64.2701L208.922 65.6285C209.959 65.9063 211.024 65.2943 211.301 64.261C211.578 63.2278 210.961 62.1648 209.924 61.887L204.855 60.5286L206.208 55.4797C206.484 54.4465 205.867 53.3835 204.831 53.1057C203.794 52.8279 202.728 53.4399 202.451 54.4732L201.098 59.5221L196.029 58.1637C194.992 57.8859 193.926 58.498 193.649 59.5312ZM214.94 15.3789L218.492 16.3307L217.544 19.8683C217.267 20.9016 217.881 21.9637 218.921 22.2423C219.957 22.5201 221.023 21.9081 221.3 20.8749L222.248 17.3372L225.8 18.289C226.837 18.5668 227.903 17.955 228.179 16.9215C228.456 15.8882 227.839 14.8253 226.803 14.5475L223.251 13.5957L224.198 10.0581C224.475 9.02481 223.858 7.96185 222.822 7.68405C221.782 7.40544 220.719 8.01829 220.442 9.05153L219.494 12.5892L215.942 11.6374C214.905 11.3596 213.839 11.9717 213.563 13.0049C213.286 14.0385 213.903 15.1011 214.94 15.3789ZM204.118 27.9732C205.299 28.2896 206.51 27.5921 206.826 26.4157C207.141 25.2394 206.441 24.0297 205.26 23.7133C204.079 23.3968 202.865 24.0936 202.549 25.2699C202.234 26.4462 202.937 27.6567 204.118 27.9732ZM196.569 44.2952C197.75 44.6117 198.961 43.9138 199.277 42.7375C199.592 41.5611 198.892 40.3514 197.711 40.035C196.53 39.7185 195.315 40.4153 195 41.5916C194.685 42.768 195.388 43.9788 196.569 44.2952ZM260.848 57.7435C262.029 58.06 263.244 57.3632 263.559 56.1869C263.874 55.0106 263.171 53.8001 261.99 53.4836C260.809 53.1672 259.598 53.8647 259.283 55.0411C258.967 56.2174 259.667 57.4271 260.848 57.7435ZM220.593 71.8846C219.412 71.5682 218.198 72.2649 217.882 73.4412C217.567 74.6176 218.27 75.8281 219.451 76.1445C220.632 76.461 221.844 75.7634 222.159 74.5871C222.474 73.4107 221.774 72.2011 220.593 71.8846ZM231.338 66.99C231.061 68.0232 231.675 69.0854 232.715 69.364L240.258 71.3851L238.245 78.8971C237.968 79.9303 238.585 80.9933 239.622 81.2711C240.659 81.5489 241.725 80.9369 242.001 79.9036L244.014 72.3916L251.557 74.4127C252.594 74.6905 253.66 74.0784 253.937 73.0452C254.213 72.0119 253.596 70.949 252.56 70.6712L245.017 68.6501L247.03 61.1375C247.307 60.1042 246.69 59.0413 245.653 58.7635C244.616 58.4857 243.55 59.0977 243.273 60.131L241.26 67.6436L233.718 65.6225C232.678 65.3439 231.615 65.9567 231.338 66.99ZM246.674 21.8375C247.855 22.154 249.069 21.4572 249.384 20.2812C249.699 19.1049 248.996 17.8944 247.815 17.5779C246.634 17.2615 245.423 17.9591 245.108 19.1354C244.793 20.3114 245.493 21.5211 246.674 21.8375ZM254.331 37.9654L255.713 38.3358L255.344 39.7135C255.067 40.7471 255.684 41.8097 256.721 42.0875C257.758 42.3653 258.823 41.7536 259.1 40.7201L259.469 39.3423L260.855 39.7135C261.891 39.9913 262.957 39.3795 263.234 38.346C263.511 37.3127 262.894 36.2498 261.857 35.972L260.472 35.6008L260.841 34.223C261.118 33.1898 260.501 32.1268 259.464 31.849C258.427 31.5712 257.362 32.1833 257.085 33.2165L256.716 34.5943L255.333 34.2239C254.296 33.9461 253.231 34.5581 252.954 35.5913C252.677 36.6249 253.294 37.6876 254.331 37.9654Z" fill="#3A5896"/>
<path d="M58.0565 48.938L51.9878 46.2323L60.7818 42.8804C61.7847 42.4981 62.2899 41.3777 61.9089 40.3782C61.5279 39.3786 60.4051 38.8787 59.4022 39.261L50.6082 42.6129L53.3366 36.5548C53.7767 35.5782 53.3399 34.4321 52.3612 33.996C51.3824 33.5592 50.2341 33.9969 49.7914 34.9755L47.0631 41.0339L43.7242 32.2739C43.3432 31.2743 42.2204 30.7744 41.2175 31.1567C40.2145 31.5389 39.7093 32.6594 40.0903 33.6589L43.429 42.4184L37.3606 39.7136C36.3818 39.2768 35.2306 39.7156 34.7907 40.6931C34.3507 41.67 34.7875 42.8161 35.766 43.2519L41.8346 45.957L33.0406 49.3089C32.0377 49.6912 31.5325 50.8116 31.9135 51.8112C32.2945 52.8107 33.4172 53.3106 34.4202 52.9284L43.2142 49.5765L40.486 55.6351C40.046 56.612 40.4827 57.7578 41.4614 58.1942C41.9508 58.4123 42.4833 58.4119 42.9485 58.2347C43.4136 58.0574 43.8113 57.7031 44.0313 57.2147L46.7597 51.1566L50.0983 59.9157C50.4793 60.9153 51.6021 61.4152 52.605 61.0329C53.608 60.6506 54.1132 59.5302 53.7322 58.5306L50.3932 49.7707L56.4621 52.4766C56.9514 52.6947 57.4839 52.6943 57.9491 52.517C58.4142 52.3397 58.8119 51.9855 59.032 51.4971C59.4719 50.5199 59.0351 49.3741 58.0565 48.938ZM65.6273 9.94368C65.2463 8.94413 64.1235 8.4442 63.1206 8.82649L58.2163 10.6958L56.3546 5.81152C55.9736 4.81197 54.8508 4.31205 53.8479 4.69433C52.8449 5.07661 52.3398 6.19705 52.7208 7.1966L54.5824 12.0809L49.6782 13.9502C48.6752 14.3325 48.17 15.4529 48.551 16.4524C48.932 17.452 50.0548 17.9519 51.0578 17.5696L55.962 15.7003L57.8237 20.5846C58.2047 21.5841 59.3275 22.0841 60.3304 21.7018C61.3334 21.3195 61.8386 20.1991 61.4576 19.1995L59.5959 14.3153L64.5002 12.446C65.5031 12.0637 66.0083 10.9432 65.6273 9.94368ZM74.2413 58.1982L70.8051 59.5079L69.5007 56.0856C69.1197 55.0861 67.9998 54.5851 66.994 54.9685C65.991 55.3507 65.4859 56.4712 65.8668 57.4707L67.1713 60.893L63.7351 62.2027C62.7321 62.585 62.2269 63.7052 62.608 64.705C62.9889 65.7045 64.1117 66.2045 65.1147 65.8222L68.5509 64.5125L69.8553 67.9348C70.2363 68.9343 71.3591 69.4342 72.362 69.0519C73.3679 68.6686 73.8701 67.5492 73.4892 66.5497L72.1847 63.1274L75.6209 61.8176C76.6239 61.4354 77.1291 60.3149 76.7481 59.3154C76.367 58.3155 75.2443 57.8159 74.2413 58.1982ZM75.6322 41.6519C74.4898 42.0873 73.9169 43.3622 74.3507 44.5002C74.7844 45.6381 76.0605 46.2083 77.203 45.7728C78.3455 45.3374 78.9212 44.0614 78.4875 42.9234C78.0537 41.7855 76.7747 41.2164 75.6322 41.6519ZM72.1875 24.0016C71.045 24.437 70.4723 25.7122 70.906 26.8502C71.3398 27.9881 72.6159 28.5583 73.7584 28.1228C74.9009 27.6874 75.4766 26.4114 75.0428 25.2734C74.6091 24.1354 73.33 23.5661 72.1875 24.0016ZM12.2164 50.7626C11.0739 51.1981 10.4981 52.4741 10.9319 53.6121C11.3656 54.75 12.6446 55.3191 13.7871 54.8836C14.9296 54.4481 15.5024 53.1733 15.0687 52.0353C14.6349 50.8973 13.3588 50.3272 12.2164 50.7626ZM36.5547 15.7179C37.6972 15.2825 38.273 14.0065 37.8392 12.8685C37.4055 11.7305 36.1265 11.1615 34.984 11.597C33.8415 12.0324 33.2687 13.3073 33.7024 14.4453C34.1362 15.5832 35.4122 16.1534 36.5547 15.7179ZM30.7143 25.98C30.3333 24.9805 29.2134 24.4794 28.2076 24.8628L20.9107 27.6441L18.1408 20.377C17.7598 19.3775 16.637 18.8776 15.6341 19.2598C14.6312 19.6421 14.126 20.7626 14.507 21.7621L17.2769 29.0292L9.98005 31.8104C8.9771 32.1927 8.47192 33.3131 8.85291 34.3127C9.2339 35.3122 10.3567 35.8121 11.3596 35.4299L18.6564 32.6486L21.4266 39.9162C21.8075 40.9158 22.9303 41.4157 23.9333 41.0334C24.9362 40.6511 25.4414 39.5307 25.0604 38.5311L22.2903 31.2635L29.5872 28.4823C30.593 28.0989 31.0953 26.9796 30.7143 25.98ZM44.74 71.5563C43.5975 71.9918 43.0218 73.2678 43.4554 74.4055C43.8891 75.5434 45.1681 76.1125 46.3106 75.677C47.4531 75.2415 48.0259 73.9666 47.5922 72.8287C47.1586 71.691 45.8825 71.1208 44.74 71.5563ZM29.0859 62.9723L27.7486 63.482L27.2406 62.1492C26.8595 61.1493 25.7368 60.6497 24.7339 61.032C23.7309 61.4143 23.2256 62.5344 23.6067 63.5343L24.1148 64.8671L22.7746 65.3779C21.7717 65.7602 21.2664 66.8803 21.6475 67.8802C22.0284 68.8797 23.1512 69.3797 24.1542 68.9974L25.4944 68.4866L26.0024 69.8194C26.3834 70.8189 27.5062 71.3189 28.5091 70.9366C29.5121 70.5543 30.0172 69.4339 29.6362 68.4343L29.1282 67.1015L30.4655 66.5918C31.4685 66.2095 31.9736 65.089 31.5927 64.0895C31.2116 63.0897 30.0889 62.59 29.0859 62.9723Z" fill="#00ADEE"/> <path d="M58.0565 48.938L51.9878 46.2323L60.7818 42.8804C61.7847 42.4981 62.2899 41.3777 61.9089 40.3782C61.5279 39.3786 60.4051 38.8787 59.4022 39.261L50.6082 42.6129L53.3366 36.5548C53.7767 35.5782 53.3399 34.4321 52.3612 33.996C51.3824 33.5592 50.2341 33.9969 49.7914 34.9755L47.0631 41.0339L43.7242 32.2739C43.3432 31.2743 42.2204 30.7744 41.2175 31.1567C40.2145 31.5389 39.7093 32.6594 40.0903 33.6589L43.429 42.4184L37.3606 39.7136C36.3818 39.2768 35.2306 39.7156 34.7907 40.6931C34.3507 41.67 34.7875 42.8161 35.766 43.2519L41.8346 45.957L33.0406 49.3089C32.0377 49.6912 31.5325 50.8116 31.9135 51.8112C32.2945 52.8107 33.4172 53.3106 34.4202 52.9284L43.2142 49.5765L40.486 55.6351C40.046 56.612 40.4827 57.7578 41.4614 58.1942C41.9508 58.4123 42.4833 58.4119 42.9485 58.2347C43.4136 58.0574 43.8113 57.7031 44.0313 57.2147L46.7597 51.1566L50.0983 59.9157C50.4793 60.9153 51.6021 61.4152 52.605 61.0329C53.608 60.6506 54.1132 59.5302 53.7322 58.5306L50.3932 49.7707L56.4621 52.4766C56.9514 52.6947 57.4839 52.6943 57.9491 52.517C58.4142 52.3397 58.8119 51.9855 59.032 51.4971C59.4719 50.5199 59.0351 49.3741 58.0565 48.938ZM65.6273 9.94368C65.2463 8.94413 64.1235 8.4442 63.1206 8.82649L58.2163 10.6958L56.3546 5.81152C55.9736 4.81197 54.8508 4.31205 53.8479 4.69433C52.8449 5.07661 52.3398 6.19705 52.7208 7.1966L54.5824 12.0809L49.6782 13.9502C48.6752 14.3325 48.17 15.4529 48.551 16.4524C48.932 17.452 50.0548 17.9519 51.0578 17.5696L55.962 15.7003L57.8237 20.5846C58.2047 21.5841 59.3275 22.0841 60.3304 21.7018C61.3334 21.3195 61.8386 20.1991 61.4576 19.1995L59.5959 14.3153L64.5002 12.446C65.5031 12.0637 66.0083 10.9432 65.6273 9.94368ZM74.2413 58.1982L70.8051 59.5079L69.5007 56.0856C69.1197 55.0861 67.9998 54.5851 66.994 54.9685C65.991 55.3507 65.4859 56.4712 65.8668 57.4707L67.1713 60.893L63.7351 62.2027C62.7321 62.585 62.2269 63.7052 62.608 64.705C62.9889 65.7045 64.1117 66.2045 65.1147 65.8222L68.5509 64.5125L69.8553 67.9348C70.2363 68.9343 71.3591 69.4342 72.362 69.0519C73.3679 68.6686 73.8701 67.5492 73.4892 66.5497L72.1847 63.1274L75.6209 61.8176C76.6239 61.4354 77.1291 60.3149 76.7481 59.3154C76.367 58.3155 75.2443 57.8159 74.2413 58.1982ZM75.6322 41.6519C74.4898 42.0873 73.9169 43.3622 74.3507 44.5002C74.7844 45.6381 76.0605 46.2083 77.203 45.7728C78.3455 45.3374 78.9212 44.0614 78.4875 42.9234C78.0537 41.7855 76.7747 41.2164 75.6322 41.6519ZM72.1875 24.0016C71.045 24.437 70.4723 25.7122 70.906 26.8502C71.3398 27.9881 72.6159 28.5583 73.7584 28.1228C74.9009 27.6874 75.4766 26.4114 75.0428 25.2734C74.6091 24.1354 73.33 23.5661 72.1875 24.0016ZM12.2164 50.7626C11.0739 51.1981 10.4981 52.4741 10.9319 53.6121C11.3656 54.75 12.6446 55.3191 13.7871 54.8836C14.9296 54.4481 15.5024 53.1733 15.0687 52.0353C14.6349 50.8973 13.3588 50.3272 12.2164 50.7626ZM36.5547 15.7179C37.6972 15.2825 38.273 14.0065 37.8392 12.8685C37.4055 11.7305 36.1265 11.1615 34.984 11.597C33.8415 12.0324 33.2687 13.3073 33.7024 14.4453C34.1362 15.5832 35.4122 16.1534 36.5547 15.7179ZM30.7143 25.98C30.3333 24.9805 29.2134 24.4794 28.2076 24.8628L20.9107 27.6441L18.1408 20.377C17.7598 19.3775 16.637 18.8776 15.6341 19.2598C14.6312 19.6421 14.126 20.7626 14.507 21.7621L17.2769 29.0292L9.98005 31.8104C8.9771 32.1927 8.47192 33.3131 8.85291 34.3127C9.2339 35.3122 10.3567 35.8121 11.3596 35.4299L18.6564 32.6486L21.4266 39.9162C21.8075 40.9158 22.9303 41.4157 23.9333 41.0334C24.9362 40.6511 25.4414 39.5307 25.0604 38.5311L22.2903 31.2635L29.5872 28.4823C30.593 28.0989 31.0953 26.9796 30.7143 25.98ZM44.74 71.5563C43.5975 71.9918 43.0218 73.2678 43.4554 74.4055C43.8891 75.5434 45.1681 76.1125 46.3106 75.677C47.4531 75.2415 48.0259 73.9666 47.5922 72.8287C47.1586 71.691 45.8825 71.1208 44.74 71.5563ZM29.0859 62.9723L27.7486 63.482L27.2406 62.1492C26.8595 61.1493 25.7368 60.6497 24.7339 61.032C23.7309 61.4143 23.2256 62.5344 23.6067 63.5343L24.1148 64.8671L22.7746 65.3779C21.7717 65.7602 21.2664 66.8803 21.6475 67.8802C22.0284 68.8797 23.1512 69.3797 24.1542 68.9974L25.4944 68.4866L26.0024 69.8194C26.3834 70.8189 27.5062 71.3189 28.5091 70.9366C29.5121 70.5543 30.0172 69.4339 29.6362 68.4343L29.1282 67.1015L30.4655 66.5918C31.4685 66.2095 31.9736 65.089 31.5927 64.0895C31.2116 63.0897 30.0889 62.59 29.0859 62.9723Z" fill="#00ADEE"/>
<path d="M96.5877 57.12V52.76L109.788 35H116.588L103.668 52.76L100.508 51.84H122.548V57.12H96.5877ZM111.668 63V57.12L111.868 51.84V46.6H117.988V63H111.668ZM136.486 63.48C134.192 63.48 132.139 62.92 130.326 61.8C128.512 60.6533 127.086 59 126.046 56.84C125.006 54.68 124.486 52.0667 124.486 49C124.486 45.9333 125.006 43.32 126.046 41.16C127.086 39 128.512 37.36 130.326 36.24C132.139 35.0933 134.192 34.52 136.486 34.52C138.806 34.52 140.859 35.0933 142.646 36.24C144.459 37.36 145.886 39 146.926 41.16C147.966 43.32 148.486 45.9333 148.486 49C148.486 52.0667 147.966 54.68 146.926 56.84C145.886 59 144.459 60.6533 142.646 61.8C140.859 62.92 138.806 63.48 136.486 63.48ZM136.486 58C137.579 58 138.526 57.6933 139.326 57.08C140.152 56.4667 140.792 55.4933 141.246 54.16C141.726 52.8267 141.966 51.1067 141.966 49C141.966 46.8933 141.726 45.1733 141.246 43.84C140.792 42.5067 140.152 41.5333 139.326 40.92C138.526 40.3067 137.579 40 136.486 40C135.419 40 134.472 40.3067 133.646 40.92C132.846 41.5333 132.206 42.5067 131.726 43.84C131.272 45.1733 131.046 46.8933 131.046 49C131.046 51.1067 131.272 52.8267 131.726 54.16C132.206 55.4933 132.846 56.4667 133.646 57.08C134.472 57.6933 135.419 58 136.486 58ZM151.314 57.12V52.76L164.514 35H171.314L158.394 52.76L155.234 51.84H177.274V57.12H151.314ZM166.394 63V57.12L166.594 51.84V46.6H172.714V63H166.394Z" fill="currentColor"/> <path d="M96.5877 57.12V52.76L109.788 35H116.588L103.668 52.76L100.508 51.84H122.548V57.12H96.5877ZM111.668 63V57.12L111.868 51.84V46.6H117.988V63H111.668ZM136.486 63.48C134.192 63.48 132.139 62.92 130.326 61.8C128.512 60.6533 127.086 59 126.046 56.84C125.006 54.68 124.486 52.0667 124.486 49C124.486 45.9333 125.006 43.32 126.046 41.16C127.086 39 128.512 37.36 130.326 36.24C132.139 35.0933 134.192 34.52 136.486 34.52C138.806 34.52 140.859 35.0933 142.646 36.24C144.459 37.36 145.886 39 146.926 41.16C147.966 43.32 148.486 45.9333 148.486 49C148.486 52.0667 147.966 54.68 146.926 56.84C145.886 59 144.459 60.6533 142.646 61.8C140.859 62.92 138.806 63.48 136.486 63.48ZM136.486 58C137.579 58 138.526 57.6933 139.326 57.08C140.152 56.4667 140.792 55.4933 141.246 54.16C141.726 52.8267 141.966 51.1067 141.966 49C141.966 46.8933 141.726 45.1733 141.246 43.84C140.792 42.5067 140.152 41.5333 139.326 40.92C138.526 40.3067 137.579 40 136.486 40C135.419 40 134.472 40.3067 133.646 40.92C132.846 41.5333 132.206 42.5067 131.726 43.84C131.272 45.1733 131.046 46.8933 131.046 49C131.046 51.1067 131.272 52.8267 131.726 54.16C132.206 55.4933 132.846 56.4667 133.646 57.08C134.472 57.6933 135.419 58 136.486 58ZM151.314 57.12V52.76L164.514 35H171.314L158.394 52.76L155.234 51.84H177.274V57.12H151.314ZM166.394 63V57.12L166.594 51.84V46.6H172.714V63H166.394Z" fill="currentColor"/>
......
src/components/EmptyState.tsx
+ 17
− 12
View file @ 12d5b9f3
...@@ -4,6 +4,7 @@ import noEntries from "src/assets/images/no-entries.svg"; ...@@ -4,6 +4,7 @@ import noEntries from "src/assets/images/no-entries.svg";
import noResults from "src/assets/images/no-results.svg"; import noResults from "src/assets/images/no-results.svg";
import noAccess from "src/assets/images/no-access.svg"; import noAccess from "src/assets/images/no-access.svg";
import notFound from "src/assets/images/not-found.svg"; import notFound from "src/assets/images/not-found.svg";
import generalError from "src/assets/images/general-error.svg";
import { textColor } from "./utils/classes.ts"; import { textColor } from "./utils/classes.ts";
import Typography from "./Typography.tsx"; import Typography from "./Typography.tsx";
...@@ -32,18 +33,22 @@ type EmptyStateProps = { ...@@ -32,18 +33,22 @@ type EmptyStateProps = {
content: ReactNode; content: ReactNode;
}; };
export const NoEntries = ({ title, content }: EmptyStateProps) => { export const NoEntries = ({ title, content }: EmptyStateProps) => (
return <Template src={noEntries} title={title} content={content} />; <Template src={noEntries} title={title} content={content} />
}; );
export const NoResults = ({ title, content }: EmptyStateProps) => { export const NoResults = ({ title, content }: EmptyStateProps) => (
return <Template src={noResults} title={title} content={content} />; <Template src={noResults} title={title} content={content} />
}; );
export const NoAccess = ({ title, content }: EmptyStateProps) => { export const NoAccess = ({ title, content }: EmptyStateProps) => (
return <Template src={noAccess} title={title} content={content} />; <Template src={noAccess} title={title} content={content} />
}; );
export const NotFound = ({ title, content }: EmptyStateProps) => { export const NotFound = ({ title, content }: EmptyStateProps) => (
return <Template src={notFound} title={title} content={content} />; <Template src={notFound} title={title} content={content} />
}; );
export const GeneralError = ({ title, content }: EmptyStateProps) => (
<Template src={generalError} title={title} content={content} />
);
src/index.ts
+ 6
− 1
View file @ 12d5b9f3
...@@ -7,6 +7,7 @@ export { default as Checkbox } from "./components/Checkbox"; ...@@ -7,6 +7,7 @@ export { default as Checkbox } from "./components/Checkbox";
export { default as DateInput } from "./components/DateInput"; export { default as DateInput } from "./components/DateInput";
export { default as Dropdown } from "./components/Dropdown"; export { default as Dropdown } from "./components/Dropdown";
export { export {
GeneralError,
NoAccess, NoAccess,
NoEntries, NoEntries,
NoResults, NoResults,
...@@ -26,4 +27,8 @@ export { default as TextArea } from "./components/TextArea"; ...@@ -26,4 +27,8 @@ export { default as TextArea } from "./components/TextArea";
export { default as TextInput } from "./components/TextInput"; export { default as TextInput } from "./components/TextInput";
export { default as Toggle } from "./components/Toggle"; export { default as Toggle } from "./components/Toggle";
export { default as Typography } from "./components/Typography"; export { default as Typography } from "./components/Typography";
export type { baseColorType, ColorType, TextColorType } from "./components/utils/colors" export type {
\ No newline at end of file baseColorType,
ColorType,
TextColorType,
} from "./components/utils/colors";
src/stories/EmptyStates.stories.tsx
+ 14
− 1
View file @ 12d5b9f3
import { Meta } from "@storybook/react"; import { Meta } from "@storybook/react";
import { clsx } from "clsx"; import { clsx } from "clsx";
import { import {
GeneralError,
NoAccess, NoAccess,
NoEntries, NoEntries,
NoResults, NoResults,
...@@ -67,10 +68,22 @@ export const PageNotFound = () => { ...@@ -67,10 +68,22 @@ export const PageNotFound = () => {
<Typography <Typography
text="Back to home" text="Back to home"
variant="paragraph" variant="paragraph"
customClass={clsx(textColor("primary"), "underline")} customClass={clsx(textColor("primary"), "underline py-3")}
customColor={true} customColor={true}
/> />
</a> </a>
); );
return <NotFound title="Sorry, page not found" content={content} />; return <NotFound title="Sorry, page not found" content={content} />;
}; };
export const OtherErrors = () => {
const content = (
<Typography
text="Please try again in a few minutes. If the problem persists, contact your
administrator."
variant="paragraph"
customClass="py-3"
/>
);
return <GeneralError title="Something went wrong!" content={content} />;
};
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment