brian/wanderer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

adds new empty states

Browse Source
This commit is contained in:
Christian Beutel
2025-01-04 17:05:35 +01:00
parent 474e21ae55
commit a704db6366
32 changed files with 306 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/lib/assets/svgs/empty_states/empty_state_notification_dark.svg Normal file
View File

@@ -0,0 +1,23 @@
<svg width="118" height="104" viewBox="0 0 118 104" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.9045 75.88C16.4457 75.88 16.8845 75.4412 16.8845 74.9C16.8845 74.3588 16.4457 73.92 15.9045 73.92C15.3633 73.92 14.9245 74.3588 14.9245 74.9C14.9245 75.4412 15.3633 75.88 15.9045 75.88Z" fill="#4A5059"/>
<path d="M79.4545 34.95C71.0845 34.95 62.5645 34.61 54.5945 32.39C46.6245 30.17 39.5945 26.01 33.1945 21.14C29.0045 17.97 25.1945 15.44 19.7445 15.82C14.426 16.1101 9.34059 18.0973 5.2345 21.49C-1.6955 27.55 -0.645498 38.76 2.1245 46.64C6.2845 58.51 18.9445 66.76 29.7045 72.13C42.1345 78.34 55.7845 81.95 69.4845 84.02C81.4845 85.85 96.9045 87.17 107.305 79.33C116.855 72.13 119.475 55.69 117.135 44.59C116.567 41.3108 114.821 38.3521 112.225 36.27C105.515 31.36 95.5045 34.64 87.9645 34.8C85.1645 34.84 82.3145 34.95 79.4545 34.95Z" fill="#272933"/>
<path d="M62.0245 85.24C68.2598 85.24 73.3145 80.1853 73.3145 73.95C73.3145 67.7147 68.2598 62.66 62.0245 62.66C55.7892 62.66 50.7345 67.7147 50.7345 73.95C50.7345 80.1853 55.7892 85.24 62.0245 85.24Z" fill="#4A5059"/>
<path d="M50.3435 3.47164C51.6041 3.19055 52.9248 3.42175 54.015 4.1144C55.1052 4.80705 55.8755 5.9044 56.1566 7.16504L57.9608 15.2563L48.4542 17.3761L46.6501 9.28478C46.369 8.02413 46.6002 6.70346 47.2928 5.61328C47.9855 4.52311 49.0828 3.75273 50.3435 3.47164Z" fill="#2D333E" stroke="#4A5059" stroke-miterlimit="10"/>
<path d="M94.8645 66.95L36.9745 79.85C36.6149 79.9307 36.2405 79.9162 35.8882 79.8081C35.5359 79.7 35.2179 79.5019 34.9655 79.2333C34.7131 78.9648 34.5351 78.6351 34.449 78.2768C34.3629 77.9185 34.3717 77.5439 34.4745 77.19L34.7145 76.36C36.7145 69.27 38.4545 61.46 36.8545 54.26L33.4345 38.89C30.5545 25.95 38.2945 12.83 51.1345 9.64999C54.2661 8.8757 57.5208 8.73505 60.7075 9.23632C63.8942 9.73758 66.9486 10.8707 69.6912 12.569C72.4339 14.2673 74.8094 16.4966 76.6784 19.1259C78.5473 21.7552 79.872 24.7315 80.5745 27.88L84.1045 43.71C85.7145 50.91 90.5745 57.27 95.4345 62.81L96.0045 63.46C96.2499 63.7381 96.4185 64.0754 96.4936 64.4386C96.5686 64.8018 96.5475 65.1784 96.4323 65.5309C96.3172 65.8835 96.1119 66.1999 95.8369 66.4488C95.5619 66.6977 95.2267 66.8704 94.8645 66.95Z" fill="#2D333E" stroke="#4A5059" stroke-miterlimit="10"/>
<path d="M70.4998 46.7508C70.5156 49.0865 69.7308 51.3572 68.2762 53.1847C66.8216 55.0122 64.7849 56.2863 62.5052 56.7948C60.2254 57.3034 57.8403 57.0157 55.7469 55.9796C53.6535 54.9436 51.9781 53.2218 50.9998 51.1008" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M69.9045 40.81C70.6887 40.81 71.3245 40.1742 71.3245 39.39C71.3245 38.6057 70.6887 37.97 69.9045 37.97C69.1203 37.97 68.4845 38.6057 68.4845 39.39C68.4845 40.1742 69.1203 40.81 69.9045 40.81Z" fill="#4A5059"/>
<path d="M47.8845 45.72C48.6688 45.72 49.3045 45.0842 49.3045 44.3C49.3045 43.5157 48.6688 42.88 47.8845 42.88C47.1003 42.88 46.4645 43.5157 46.4645 44.3C46.4645 45.0842 47.1003 45.72 47.8845 45.72Z" fill="#4A5059"/>
<path d="M74.3645 1.96C74.9058 1.96 75.3445 1.52124 75.3445 0.980001C75.3445 0.438762 74.9058 0 74.3645 0C73.8233 0 73.3845 0.438762 73.3845 0.980001C73.3845 1.52124 73.8233 1.96 74.3645 1.96Z" fill="#4A5059"/>
<path d="M15.9045 75.88C16.4457 75.88 16.8845 75.4412 16.8845 74.9C16.8845 74.3588 16.4457 73.92 15.9045 73.92C15.3633 73.92 14.9245 74.3588 14.9245 74.9C14.9245 75.4412 15.3633 75.88 15.9045 75.88Z" fill="#4A5059"/>
<path d="M101.445 24.65V28.95" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M99.2845 26.8H103.594" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M103.404 89.39V93.69" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M101.255 91.54H105.555" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M28.2245 8.34999V12.65" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.0745 10.5H30.3745" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M59.3745 103.46C79.6489 103.46 96.0845 102.435 96.0845 101.17C96.0845 99.9053 79.6489 98.88 59.3745 98.88C39.1001 98.88 22.6645 99.9053 22.6645 101.17C22.6645 102.435 39.1001 103.46 59.3745 103.46Z" fill="#272933"/>
<path d="M94.4445 22.21C94.4418 25.2512 93.2325 28.1671 91.0821 30.3176C88.9316 32.4681 86.0157 33.6773 82.9745 33.68C82.6003 33.6802 82.2265 33.6602 81.8545 33.62L78.4545 39.17L77.3945 32.22C75.62 31.2435 74.1357 29.8144 73.0926 28.0783C72.0495 26.3421 71.4848 24.3606 71.4558 22.3354C71.4268 20.3101 71.9346 18.3133 72.9276 16.548C73.9205 14.7827 75.3633 13.3117 77.1091 12.2848C78.8549 11.2578 80.8415 10.7115 82.8669 10.7013C84.8923 10.6911 86.8843 11.2175 88.6404 12.2268C90.3964 13.2361 91.8539 14.6924 92.8646 16.4477C93.8752 18.203 94.4031 20.1946 94.3945 22.22L94.4445 22.21Z" fill="#2D333E" stroke="#4A5059" stroke-miterlimit="10"/>
<path d="M78.0745 23.37C78.7151 23.37 79.2345 22.8507 79.2345 22.21C79.2345 21.5694 78.7151 21.05 78.0745 21.05C77.4338 21.05 76.9145 21.5694 76.9145 22.21C76.9145 22.8507 77.4338 23.37 78.0745 23.37Z" fill="#4A5059"/>
<path d="M82.9745 23.37C83.6152 23.37 84.1345 22.8507 84.1345 22.21C84.1345 21.5694 83.6152 21.05 82.9745 21.05C82.3339 21.05 81.8145 21.5694 81.8145 22.21C81.8145 22.8507 82.3339 23.37 82.9745 23.37Z" fill="#4A5059"/>
<path d="M87.8745 23.37C88.5152 23.37 89.0345 22.8507 89.0345 22.21C89.0345 21.5694 88.5152 21.05 87.8745 21.05C87.2339 21.05 86.7145 21.5694 86.7145 22.21C86.7145 22.8507 87.2339 23.37 87.8745 23.37Z" fill="#4A5059"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

23
web/src/lib/assets/svgs/empty_states/empty_state_notification_light.svg Normal file
View File

@@ -0,0 +1,23 @@
<svg width="118" height="104" viewBox="0 0 118 104" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.9012 75.89C16.4424 75.89 16.8812 75.4513 16.8812 74.91C16.8812 74.3688 16.4424 73.93 15.9012 73.93C15.36 73.93 14.9212 74.3688 14.9212 74.91C14.9212 75.4513 15.36 75.89 15.9012 75.89Z" fill="#CFCFCF"/>
<path d="M79.4512 34.93C71.0812 34.93 62.5612 34.59 54.5912 32.37C46.7712 30.2 39.5912 25.99 33.1912 21.12C29.0012 17.95 25.1912 15.42 19.7512 15.8C14.4293 16.088 9.34 18.0753 5.23121 21.47C-1.68879 27.53 -0.648793 38.76 2.12121 46.62C6.28121 58.49 18.9412 66.76 29.7012 72.11C42.1312 78.32 55.7912 81.93 69.4812 84C81.4812 85.83 96.9012 87.15 107.301 79.32C116.851 72.11 119.471 55.67 117.131 44.57C116.563 41.2909 114.817 38.3321 112.221 36.25C105.511 31.34 95.5012 34.62 87.9612 34.78C85.1612 34.84 82.3112 34.91 79.4512 34.93Z" fill="#F2F2F2"/>
<path d="M62.0212 85.24C68.2565 85.24 73.3112 80.1853 73.3112 73.95C73.3112 67.7147 68.2565 62.66 62.0212 62.66C55.7859 62.66 50.7312 67.7147 50.7312 73.95C50.7312 80.1853 55.7859 85.24 62.0212 85.24Z" fill="#D2D2D2"/>
<path d="M50.3548 3.46615C50.979 3.32697 51.6246 3.31209 52.2545 3.42238C52.8845 3.53266 53.4865 3.76595 54.0263 4.10891C54.5661 4.45188 55.0331 4.8978 55.4006 5.42123C55.768 5.94466 56.0288 6.53535 56.168 7.15955L57.9721 15.2509L48.4461 17.3749L46.6419 9.28365C46.5024 8.65779 46.4878 8.01054 46.599 7.37903C46.7102 6.74753 46.945 6.14421 47.29 5.60369C47.635 5.06317 48.0833 4.5961 48.6093 4.22929C49.1352 3.86247 49.7284 3.60313 50.3548 3.46615Z" fill="white" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M94.8612 66.94L36.9712 79.84C36.6116 79.9207 36.2372 79.9062 35.8849 79.7981C35.5326 79.69 35.2146 79.4919 34.9622 79.2233C34.7099 78.9548 34.5318 78.6251 34.4457 78.2668C34.3596 77.9085 34.3684 77.5339 34.4712 77.18L34.7112 76.35C36.7112 69.26 38.4512 61.45 36.8512 54.25L33.4312 38.89C30.5512 25.98 38.2912 12.83 51.1312 9.66C54.2622 8.88273 57.517 8.73959 60.7042 9.239C63.8913 9.73841 66.9464 10.8703 69.6895 12.568C72.4327 14.2657 74.8086 16.495 76.6774 19.1246C78.5462 21.7542 79.8701 24.7311 80.5712 27.88L84.1012 43.76C85.7112 50.96 90.5712 57.32 95.4312 62.86L96.0012 63.51C96.232 63.7884 96.3881 64.1209 96.4549 64.4762C96.5216 64.8316 96.4968 65.1981 96.3827 65.5412C96.2687 65.8844 96.0692 66.1928 95.803 66.4375C95.5368 66.6822 95.2127 66.8552 94.8612 66.94Z" fill="white" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M70.5 46.7509C70.5158 49.0865 69.7311 51.3572 68.2765 53.1847C66.8218 55.0122 64.7851 56.2863 62.5054 56.7948C60.2257 57.3034 57.8406 57.0157 55.7472 55.9797C53.6537 54.9437 51.9784 53.2218 51 51.1009" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M69.9012 40.81C70.6854 40.81 71.3212 40.1742 71.3212 39.39C71.3212 38.6058 70.6854 37.97 69.9012 37.97C69.117 37.97 68.4812 38.6058 68.4812 39.39C68.4812 40.1742 69.117 40.81 69.9012 40.81Z" fill="#BABABA"/>
<path d="M47.8812 45.72C48.6655 45.72 49.3012 45.0842 49.3012 44.3C49.3012 43.5158 48.6655 42.88 47.8812 42.88C47.097 42.88 46.4612 43.5158 46.4612 44.3C46.4612 45.0842 47.097 45.72 47.8812 45.72Z" fill="#BABABA"/>
<path d="M74.3612 1.96C74.9025 1.96 75.3412 1.52124 75.3412 0.98C75.3412 0.43876 74.9025 0 74.3612 0C73.82 0 73.3812 0.43876 73.3812 0.98C73.3812 1.52124 73.82 1.96 74.3612 1.96Z" fill="#CFCFCF"/>
<path d="M15.9012 75.89C16.4424 75.89 16.8812 75.4513 16.8812 74.91C16.8812 74.3688 16.4424 73.93 15.9012 73.93C15.36 73.93 14.9212 74.3688 14.9212 74.91C14.9212 75.4513 15.36 75.89 15.9012 75.89Z" fill="#CFCFCF"/>
<path d="M101.441 24.65V28.95" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M99.2912 26.8H103.591" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M103.401 89.39V93.69" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M101.251 91.54H105.551" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M28.2212 8.35001V12.65" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M26.0712 10.5H30.3712" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M59.3712 103.46C79.6456 103.46 96.0812 102.435 96.0812 101.17C96.0812 99.9053 79.6456 98.88 59.3712 98.88C39.0968 98.88 22.6612 99.9053 22.6612 101.17C22.6612 102.435 39.0968 103.46 59.3712 103.46Z" fill="#F2F2F2"/>
<path d="M94.4412 22.21C94.4386 25.2512 93.2293 28.1671 91.0788 30.3176C88.9283 32.4681 86.0124 33.6774 82.9712 33.68C82.5971 33.68 82.2232 33.6599 81.8512 33.62L78.4512 39.17L77.3912 32.22C75.6247 31.2364 74.1496 29.8033 73.1154 28.066C72.0812 26.3287 71.5246 24.3489 71.5019 22.3271C71.4793 20.3054 71.9915 18.3136 72.9866 16.5536C73.9817 14.7936 75.4244 13.3279 77.1684 12.305C78.9124 11.2821 80.8958 10.7384 82.9176 10.7289C84.9395 10.7195 86.9279 11.2447 88.6814 12.2512C90.4349 13.2578 91.8912 14.7099 92.9027 16.4606C93.9142 18.2112 94.4449 20.1982 94.4412 22.22V22.21Z" fill="white" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M78.0712 23.37C78.7118 23.37 79.2312 22.8507 79.2312 22.21C79.2312 21.5694 78.7118 21.05 78.0712 21.05C77.4305 21.05 76.9112 21.5694 76.9112 22.21C76.9112 22.8507 77.4305 23.37 78.0712 23.37Z" fill="#D2D2D2" stroke="#D2D2D2" stroke-miterlimit="10"/>
<path d="M82.9712 23.37C83.6119 23.37 84.1312 22.8507 84.1312 22.21C84.1312 21.5694 83.6119 21.05 82.9712 21.05C82.3306 21.05 81.8112 21.5694 81.8112 22.21C81.8112 22.8507 82.3306 23.37 82.9712 23.37Z" fill="#D2D2D2" stroke="#D2D2D2" stroke-miterlimit="10"/>
<path d="M87.8712 23.37C88.5118 23.37 89.0312 22.8507 89.0312 22.21C89.0312 21.5694 88.5118 21.05 87.8712 21.05C87.2305 21.05 86.7112 21.5694 86.7112 22.21C86.7112 22.8507 87.2305 23.37 87.8712 23.37Z" fill="#D2D2D2" stroke="#D2D2D2" stroke-miterlimit="10"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.7 KiB

21
web/src/lib/assets/svgs/empty_states/empty_state_search_dark.svg Normal file
View File

@@ -0,0 +1,21 @@
<svg width="118" height="104" viewBox="0 0 118 104" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M58.9662 81.6C59.5074 81.6 59.9462 81.1612 59.9462 80.62C59.9462 80.0787 59.5074 79.64 58.9662 79.64C58.425 79.64 57.9862 80.0787 57.9862 80.62C57.9862 81.1612 58.425 81.6 58.9662 81.6Z" fill="#4A5059"/>
<path d="M30.4962 7.81999V12.12" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M28.3462 9.96999H32.6562" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M79.4562 34.96C71.0762 34.96 62.5662 34.62 54.5962 32.4C46.6262 30.18 39.5962 26.02 33.1962 21.15C28.9962 17.98 25.1962 15.45 19.7462 15.83C14.427 16.1166 9.34049 18.1042 5.23621 21.5C-1.69379 27.56 -0.643786 38.77 2.11621 46.65C6.28621 58.5 18.9562 66.75 29.7062 72.12C42.1362 78.33 55.7862 81.94 69.4862 84.01C81.4862 85.84 96.8962 87.16 107.296 79.32C116.856 72.12 119.476 55.68 117.136 44.58C116.565 41.2997 114.815 38.341 112.216 36.26C105.506 31.35 95.4962 34.63 87.9562 34.79C85.1562 34.85 82.3162 34.96 79.4562 34.96Z" fill="#272933"/>
<path d="M65.9062 1.96C66.4474 1.96 66.8862 1.52124 66.8862 0.98C66.8862 0.43876 66.4474 0 65.9062 0C65.365 0 64.9262 0.43876 64.9262 0.98C64.9262 1.52124 65.365 1.96 65.9062 1.96Z" fill="#4A5059"/>
<path d="M14.9962 78.27V82.57" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.8362 80.42H17.1462" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M59.3762 103.47C79.6506 103.47 96.0862 102.445 96.0862 101.18C96.0862 99.9153 79.6506 98.89 59.3762 98.89C39.1018 98.89 22.6662 99.9153 22.6662 101.18C22.6662 102.445 39.1018 103.47 59.3762 103.47Z" fill="#272933"/>
<path d="M88.8762 76.65H25.4762C25.0518 76.6497 24.6326 76.5572 24.2475 76.379C23.8624 76.2007 23.5206 75.9409 23.2458 75.6176C22.9709 75.2943 22.7696 74.9151 22.6557 74.5063C22.5419 74.0975 22.5181 73.6689 22.5862 73.25L30.6862 24.07C30.7999 23.3856 31.1527 22.7637 31.6819 22.315C32.2112 21.8664 32.8824 21.6201 33.5762 21.62H96.9562C97.3806 21.6203 97.7998 21.7128 98.1849 21.891C98.57 22.0693 98.9118 22.3291 99.1866 22.6524C99.4615 22.9757 99.6628 23.3549 99.7767 23.7637C99.8906 24.1725 99.9143 24.6011 99.8462 25.02L91.7462 74.2C91.635 74.8819 91.2856 75.5023 90.7601 75.9509C90.2346 76.3995 89.5671 76.6472 88.8762 76.65Z" fill="#2D333E" stroke="#4A5059" stroke-miterlimit="10"/>
<path d="M89.6497 20.331L52.0109 3.52594C50.9015 3.03058 49.6005 3.52841 49.1051 4.63788L37.176 31.3557C36.6807 32.4652 37.1785 33.7662 38.288 34.2615L75.9267 51.0666C77.0362 51.562 78.3372 51.0642 78.8325 49.9547L90.7616 23.2368C91.257 22.1274 90.7592 20.8264 89.6497 20.331Z" fill="#2D333E" stroke="#4A5059" stroke-miterlimit="10"/>
<path d="M57.5362 25.51C58.5391 24.1499 59.9767 23.1735 61.6107 22.7427C63.2447 22.3118 64.9769 22.4524 66.52 23.1411C68.0631 23.8297 69.3245 25.0252 70.095 26.5291C70.8655 28.0331 71.0988 29.7552 70.7562 31.41" stroke="#4A5059" stroke-width="0.68" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M75.5462 24C76.1151 24 76.5762 23.5388 76.5762 22.97C76.5762 22.4011 76.1151 21.94 75.5462 21.94C74.9774 21.94 74.5162 22.4011 74.5162 22.97C74.5162 23.5388 74.9774 24 75.5462 24Z" fill="#4A5059"/>
<path d="M60.6262 17.34C61.1951 17.34 61.6562 16.8789 61.6562 16.31C61.6562 15.7411 61.1951 15.28 60.6262 15.28C60.0574 15.28 59.5962 15.7411 59.5962 16.31C59.5962 16.8789 60.0574 17.34 60.6262 17.34Z" fill="#4A5059"/>
<path d="M88.5962 76.63H24.8862C24.5011 76.6313 24.1195 76.5564 23.7634 76.4096C23.4073 76.2629 23.0838 76.0471 22.8114 75.7748C22.5391 75.5024 22.3233 75.1789 22.1765 74.8228C22.0298 74.4667 21.9549 74.0851 21.9562 73.7V28.7C21.9549 28.3157 22.0294 27.9349 22.1756 27.5795C22.3218 27.2241 22.5366 26.901 22.8079 26.6288C23.0792 26.3566 23.4015 26.1406 23.7565 25.9932C24.1114 25.8458 24.4919 25.77 24.8762 25.77H48.0762C48.6165 25.7701 49.1462 25.9196 49.6068 26.202C50.0674 26.4844 50.441 26.8886 50.6862 27.37L53.9962 33.85C54.2398 34.3306 54.6116 34.7344 55.0705 35.0168C55.5293 35.2992 56.0574 35.4491 56.5962 35.45H88.5962C89.3716 35.45 90.1153 35.7573 90.6645 36.3046C91.2137 36.8519 91.5236 37.5946 91.5262 38.37V73.7C91.5262 74.0848 91.4504 74.4658 91.3032 74.8212C91.1559 75.1767 90.9401 75.4997 90.668 75.7718C90.396 76.0439 90.073 76.2597 89.7175 76.407C89.362 76.5542 88.981 76.63 88.5962 76.63Z" fill="#2D333E" stroke="#4A5059" stroke-miterlimit="10"/>
<path d="M78.8162 36.96C75.1355 36.96 71.5374 38.0515 68.477 40.0963C65.4166 42.1412 63.0314 45.0477 61.6228 48.4483C60.2143 51.8488 59.8457 55.5906 60.5638 59.2006C61.2819 62.8106 63.0543 66.1266 65.6569 68.7292C68.2596 71.3319 71.5756 73.1043 75.1856 73.8224C78.7956 74.5405 82.5374 74.1719 85.9379 72.7634C89.3385 71.3548 92.245 68.9696 94.2899 65.9092C96.3347 62.8488 97.4262 59.2507 97.4262 55.57C97.4275 53.1257 96.9471 50.7052 96.0123 48.4467C95.0775 46.1882 93.7068 44.1362 91.9784 42.4078C90.25 40.6794 88.198 39.3087 85.9395 38.3739C83.681 37.4391 81.2605 36.9587 78.8162 36.96Z" fill="#2D333E" stroke="#4A5059" stroke-miterlimit="10"/>
<path d="M92.0362 69.09L96.9962 74.05" stroke="#4A5059" stroke-width="0.68" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M96.4308 71.6517L94.8899 73.2637C94.1991 73.9862 94.2249 75.132 94.9475 75.8228L108.32 88.6064C109.043 89.2972 110.188 89.2714 110.879 88.5488L112.42 86.9368C113.111 86.2142 113.085 85.0685 112.363 84.3778L98.9899 71.5941C98.2673 70.9033 97.1216 70.9291 96.4308 71.6517Z" fill="#4A5059"/>
<path d="M106.326 0.979996V5.29" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M104.176 3.13998H108.486" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

21
web/src/lib/assets/svgs/empty_states/empty_state_search_light.svg Normal file
View File

@@ -0,0 +1,21 @@
<svg width="118" height="104" viewBox="0 0 118 104" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M58.9712 81.6C59.5124 81.6 59.9512 81.1612 59.9512 80.62C59.9512 80.0787 59.5124 79.64 58.9712 79.64C58.43 79.64 57.9912 80.0787 57.9912 80.62C57.9912 81.1612 58.43 81.6 58.9712 81.6Z" fill="#CFCFCF"/>
<path d="M30.5012 7.81998V12.12" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M28.3412 9.97H32.6512" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M79.4512 34.94C71.0812 34.94 62.5612 34.6 54.5912 32.38C46.7712 30.21 39.5912 26 33.1912 21.13C29.0012 17.96 25.1912 15.43 19.7512 15.81C14.4293 16.098 9.34 18.0853 5.23121 21.48C-1.68879 27.54 -0.648793 38.77 2.12121 46.63C6.28121 58.5 18.9412 66.77 29.7012 72.12C42.1312 78.33 55.7912 81.94 69.4812 84.01C81.4812 85.84 96.9012 87.16 107.301 79.33C116.851 72.12 119.471 55.68 117.131 44.58C116.563 41.3009 114.817 38.3421 112.221 36.26C105.511 31.35 95.5012 34.63 87.9612 34.79C85.1612 34.85 82.3112 34.92 79.4512 34.94Z" fill="#F2F2F2"/>
<path d="M65.9112 1.96C66.4524 1.96 66.8912 1.52124 66.8912 0.98C66.8912 0.43876 66.4524 0 65.9112 0C65.37 0 64.9312 0.43876 64.9312 0.98C64.9312 1.52124 65.37 1.96 65.9112 1.96Z" fill="#CFCFCF"/>
<path d="M14.9912 78.27V82.57" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.8412 80.42H17.1412" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M59.3712 103.47C79.6456 103.47 96.0812 102.445 96.0812 101.18C96.0812 99.9153 79.6456 98.89 59.3712 98.89C39.0968 98.89 22.6612 99.9153 22.6612 101.18C22.6612 102.445 39.0968 103.47 59.3712 103.47Z" fill="#F2F2F2"/>
<path d="M88.8812 76.65H25.4712C25.0468 76.6497 24.6276 76.5572 24.2425 76.379C23.8574 76.2007 23.5156 75.9409 23.2408 75.6176C22.9659 75.2942 22.7646 74.9151 22.6507 74.5063C22.5369 74.0975 22.5131 73.6688 22.5812 73.25L30.6912 24.07C30.8008 23.3855 31.1511 22.7626 31.6791 22.3135C32.2071 21.8643 32.878 21.6184 33.5712 21.62H96.9812C97.4053 21.62 97.8242 21.7124 98.2089 21.8908C98.5937 22.0691 98.9349 22.3291 99.209 22.6526C99.4831 22.9762 99.6834 23.3556 99.7961 23.7644C99.9087 24.1732 99.9309 24.6017 99.8612 25.02L91.7912 74.2C91.6789 74.8887 91.3237 75.5144 90.7899 75.9639C90.2561 76.4133 89.579 76.6567 88.8812 76.65Z" fill="#D2D2D2"/>
<path d="M89.6625 20.3338L52.0237 3.52873C50.9142 3.03337 49.6133 3.5312 49.1179 4.64067L37.1888 31.3585C36.6934 32.468 37.1913 33.769 38.3007 34.2643L75.9395 51.0694C77.049 51.5648 78.3499 51.067 78.8453 49.9575L90.7744 23.2396C91.2697 22.1302 90.7719 20.8292 89.6625 20.3338Z" fill="white" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M57.5412 25.51C58.5319 24.1198 59.9728 23.115 61.6197 22.6657C63.2666 22.2163 65.0181 22.3502 66.5776 23.0446C68.137 23.739 69.4084 24.9512 70.1764 26.4758C70.9443 28.0004 71.1615 29.7436 70.7912 31.41" stroke="#BABABA" stroke-width="0.68" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M75.5412 24C76.1101 24 76.5712 23.5388 76.5712 22.97C76.5712 22.4011 76.1101 21.94 75.5412 21.94C74.9724 21.94 74.5112 22.4011 74.5112 22.97C74.5112 23.5388 74.9724 24 75.5412 24Z" fill="#BABABA"/>
<path d="M60.6212 17.34C61.1901 17.34 61.6512 16.8789 61.6512 16.31C61.6512 15.7411 61.1901 15.28 60.6212 15.28C60.0524 15.28 59.5912 15.7411 59.5912 16.31C59.5912 16.8789 60.0524 17.34 60.6212 17.34Z" fill="#BABABA"/>
<path d="M88.6012 76.63H24.8812C24.1059 76.6273 23.3632 76.3175 22.8158 75.7683C22.2685 75.2191 21.9612 74.4753 21.9612 73.7V28.77C21.9519 28.3802 22.0205 27.9925 22.1629 27.6295C22.3053 27.2666 22.5188 26.9357 22.7907 26.6563C23.0627 26.3769 23.3877 26.1546 23.7466 26.0024C24.1056 25.8502 24.4913 25.7712 24.8812 25.77H48.0912C48.6298 25.772 49.1574 25.9223 49.6161 26.2046C50.0747 26.4869 50.4467 26.8901 50.6912 27.37L54.0012 33.85C54.2448 34.3306 54.6166 34.7344 55.0755 35.0168C55.5343 35.2992 56.0624 35.4491 56.6012 35.45H88.6012C89.3756 35.45 90.1183 35.7576 90.666 36.3052C91.2136 36.8528 91.5212 37.5956 91.5212 38.37V73.7C91.5212 74.4753 91.2139 75.2191 90.6666 75.7683C90.1192 76.3175 89.3766 76.6273 88.6012 76.63Z" fill="white" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M78.7912 36.98C75.1101 36.978 71.511 38.0678 68.4493 40.1115C65.3876 42.1552 63.0008 45.061 61.5907 48.4613C60.1806 51.8617 59.8106 55.6038 60.5276 59.2145C61.2445 62.8251 63.0162 66.142 65.6184 68.7457C68.2207 71.3494 71.5366 73.1228 75.1469 73.8417C78.7572 74.5605 82.4995 74.1926 85.9006 72.7843C89.3017 71.3761 92.2088 68.9908 94.2542 65.9302C96.2995 62.8696 97.3912 59.2711 97.3912 55.59C97.3912 50.656 95.4319 45.924 91.944 42.4343C88.4561 38.9445 83.7252 36.9826 78.7912 36.98Z" fill="white" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M92.0312 69.09L96.9912 74.05" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M96.4306 71.6401L94.8897 73.2521C94.1989 73.9746 94.2247 75.1204 94.9473 75.8111L108.32 88.5948C109.043 89.2855 110.188 89.2598 110.879 88.5372L112.42 86.9252C113.111 86.2026 113.085 85.0569 112.362 84.3661L98.9897 71.5825C98.2671 70.8917 97.1214 70.9175 96.4306 71.6401Z" fill="#D2D2D2"/>
<path d="M106.331 0.97998V5.28998" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M104.171 3.13998H108.481" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.3 KiB

19
web/src/lib/assets/svgs/empty_states/empty_state_trail_dark.svg Normal file
View File

@@ -0,0 +1,19 @@
<svg width="118" height="114" viewBox="0 0 118 114" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M79.4562 45.08C71.0762 45.08 62.5662 44.74 54.5962 42.52C46.6262 40.3 39.6662 36.08 33.1962 31.25C28.9962 28.08 25.1962 25.56 19.7462 25.94C14.4259 26.2217 9.33793 28.2099 5.23621 31.61C-1.69379 37.67 -0.643785 48.87 2.11621 56.76C6.27621 68.63 18.9462 76.87 29.6662 82.25C42.0962 88.46 55.7462 92.06 69.4462 94.14C81.4462 95.96 96.8562 97.29 107.256 89.45C116.816 82.25 119.436 65.81 117.096 54.7C116.522 51.4207 114.773 48.4628 112.176 46.38C105.466 41.47 95.4562 44.75 87.9162 44.92C85.1562 44.98 82.3162 45.08 79.4562 45.08Z" fill="#272933"/>
<path d="M58.9662 113.59C79.2406 113.59 95.6762 112.565 95.6762 111.3C95.6762 110.035 79.2406 109.01 58.9662 109.01C38.6918 109.01 22.2562 110.035 22.2562 111.3C22.2562 112.565 38.6918 113.59 58.9662 113.59Z" fill="#272933"/>
<path d="M104.786 13.87C105.327 13.87 105.766 13.4312 105.766 12.89C105.766 12.3488 105.327 11.91 104.786 11.91C104.245 11.91 103.806 12.3488 103.806 12.89C103.806 13.4312 104.245 13.87 104.786 13.87Z" fill="#4A5059"/>
<path d="M39.5962 5.65998C40.1375 5.65998 40.5762 5.22122 40.5762 4.67998C40.5762 4.13874 40.1375 3.69998 39.5962 3.69998C39.055 3.69998 38.6162 4.13874 38.6162 4.67998C38.6162 5.22122 39.055 5.65998 39.5962 5.65998Z" fill="#4A5059"/>
<path d="M51.4462 98.97C51.9874 98.97 52.4262 98.5312 52.4262 97.99C52.4262 97.4487 51.9874 97.01 51.4462 97.01C50.9049 97.01 50.4662 97.4487 50.4662 97.99C50.4662 98.5312 50.9049 98.97 51.4462 98.97Z" fill="#4A5059"/>
<path d="M77.5962 1V5.3" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M75.4462 3.14999H79.7562" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.53619 19.1V23.4" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.3862 21.25H9.6862" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.7762 79.01V83.32" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.62619 81.16H12.9362" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M99.6262 34.92V39.22" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M97.4762 37.07H101.786" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M69.6598 9.83878L19.4668 16.4298C16.2136 16.857 13.9226 19.8405 14.3498 23.0938L22.0003 81.3553C22.4275 84.6085 25.4111 86.8995 28.6643 86.4723L78.8573 79.8813C82.1105 79.4541 84.4015 76.4705 83.9743 73.2173L76.3238 14.9558C75.8966 11.7025 72.913 9.41159 69.6598 9.83878Z" fill="#4A5059"/>
<path d="M84.2862 18.38H33.5862C30.3001 18.38 27.6362 21.0439 27.6362 24.33V83.18C27.6362 86.4661 30.3001 89.13 33.5862 89.13H84.2862C87.5723 89.13 90.2362 86.4661 90.2362 83.18V24.33C90.2362 21.0439 87.5723 18.38 84.2862 18.38Z" fill="#2D333E" stroke="#4A5059" stroke-miterlimit="10"/>
<path d="M35.1962 64.94L45.3462 48.41C45.4439 48.1677 45.6117 47.9602 45.8282 47.814C46.0447 47.6678 46.3 47.5898 46.5612 47.5898C46.8224 47.5898 47.0777 47.6678 47.2942 47.814C47.5107 47.9602 47.6785 48.1677 47.7762 48.41L53.5262 57.78C53.6239 58.0223 53.7917 58.2298 54.0082 58.376C54.2247 58.5221 54.48 58.6002 54.7412 58.6002C55.0024 58.6002 55.2577 58.5221 55.4742 58.376C55.6907 58.2298 55.8585 58.0223 55.9562 57.78L65.7962 41.78C65.8939 41.5377 66.0617 41.3302 66.2782 41.184C66.4947 41.0378 66.75 40.9597 67.0112 40.9597C67.2724 40.9597 67.5277 41.0378 67.7442 41.184C67.9607 41.3302 68.1285 41.5377 68.2262 41.78L82.6662 65.28L35.1962 64.94Z" fill="#2D333E" stroke="#4A5059" stroke-miterlimit="10"/>
<path d="M55.4162 46.19C57.178 46.19 58.6062 44.7618 58.6062 43C58.6062 41.2382 57.178 39.81 55.4162 39.81C53.6544 39.81 52.2262 41.2382 52.2262 43C52.2262 44.7618 53.6544 46.19 55.4162 46.19Z" fill="#2D333E" stroke="#4A5059" stroke-miterlimit="10"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

19
web/src/lib/assets/svgs/empty_states/empty_state_trail_light.svg Normal file
View File

@@ -0,0 +1,19 @@
<svg width="118" height="114" viewBox="0 0 118 114" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M79.4512 45.06C71.0812 45.06 62.5612 44.72 54.5912 42.5C46.7712 40.33 39.5912 36.12 33.1912 31.25C29.0012 28.08 25.1912 25.56 19.7512 25.94C14.4282 26.2231 9.33746 28.211 5.23121 31.61C-1.68879 37.67 -0.648793 48.89 2.12121 56.76C6.28121 68.63 18.9412 76.89 29.7012 82.25C42.1312 88.46 55.7912 92.06 69.4812 94.14C81.4812 95.96 96.9012 97.29 107.301 89.45C116.851 82.25 119.471 65.81 117.131 54.71C116.564 51.4279 114.818 48.4658 112.221 46.38C105.511 41.48 95.5012 44.75 87.9612 44.92C85.1612 44.98 82.3112 45.04 79.4512 45.06Z" fill="#F2F2F2"/>
<path d="M58.9712 113.59C79.2456 113.59 95.6812 112.565 95.6812 111.3C95.6812 110.035 79.2456 109.01 58.9712 109.01C38.6968 109.01 22.2612 110.035 22.2612 111.3C22.2612 112.565 38.6968 113.59 58.9712 113.59Z" fill="#F2F2F2"/>
<path d="M104.781 13.87C105.322 13.87 105.761 13.4312 105.761 12.89C105.761 12.3488 105.322 11.91 104.781 11.91C104.24 11.91 103.801 12.3488 103.801 12.89C103.801 13.4312 104.24 13.87 104.781 13.87Z" fill="#CFCFCF"/>
<path d="M39.5912 5.66C40.1324 5.66 40.5712 5.22124 40.5712 4.68C40.5712 4.13876 40.1324 3.7 39.5912 3.7C39.05 3.7 38.6112 4.13876 38.6112 4.68C38.6112 5.22124 39.05 5.66 39.5912 5.66Z" fill="#CFCFCF"/>
<path d="M51.4412 98.97C51.9825 98.97 52.4212 98.5312 52.4212 97.99C52.4212 97.4488 51.9825 97.01 51.4412 97.01C50.9 97.01 50.4612 97.4488 50.4612 97.99C50.4612 98.5312 50.9 98.97 51.4412 98.97Z" fill="#CFCFCF"/>
<path d="M77.6012 1V5.3" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M75.4512 3.14999H79.7512" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.5412 19.1V23.4" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.38121 21.25H9.69121" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.7812 79.01V83.32" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M8.62122 81.16H12.9312" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M99.6312 34.92V39.22" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M97.4812 37.07H101.781" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M69.6607 9.83249L19.4677 16.4235C16.2145 16.8507 13.9235 19.8343 14.3507 23.0875L22.0012 81.349C22.4284 84.6022 25.412 86.8932 28.6652 86.466L78.8582 79.875C82.1114 79.4478 84.4024 76.4642 83.9752 73.211L76.3247 14.9495C75.8975 11.6963 72.9139 9.4053 69.6607 9.83249Z" fill="#D2D2D2"/>
<path d="M84.2812 18.38H33.5812C30.2951 18.38 27.6312 21.0439 27.6312 24.33V83.18C27.6312 86.4661 30.2951 89.13 33.5812 89.13H84.2812C87.5673 89.13 90.2312 86.4661 90.2312 83.18V24.33C90.2312 21.0439 87.5673 18.38 84.2812 18.38Z" fill="white" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M35.2012 64.94L45.3412 48.41C45.441 48.1685 45.6101 47.9621 45.8273 47.8168C46.0445 47.6715 46.2999 47.594 46.5612 47.594C46.8225 47.594 47.0779 47.6715 47.2951 47.8168C47.5123 47.9621 47.6814 48.1685 47.7812 48.41L53.5312 57.78C53.6289 58.0223 53.7967 58.2298 54.0132 58.376C54.2297 58.5221 54.485 58.6002 54.7462 58.6002C55.0074 58.6002 55.2627 58.5221 55.4792 58.376C55.6957 58.2298 55.8635 58.0223 55.9612 57.78L65.8012 41.78C65.8989 41.5377 66.0667 41.3302 66.2832 41.184C66.4997 41.0379 66.755 40.9598 67.0162 40.9598C67.2774 40.9598 67.5327 41.0379 67.7492 41.184C67.9657 41.3302 68.1335 41.5377 68.2312 41.78L82.6712 65.31L35.2012 64.94Z" fill="white" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M55.4212 46.19C57.183 46.19 58.6112 44.7618 58.6112 43C58.6112 41.2382 57.183 39.81 55.4212 39.81C53.6594 39.81 52.2312 41.2382 52.2312 43C52.2312 44.7618 53.6594 46.19 55.4212 46.19Z" fill="white" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

20
web/src/lib/assets/svgs/empty_states/error_dark.svg Normal file
View File

@@ -0,0 +1,20 @@
<svg width="118" height="112" viewBox="0 0 118 112" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M79.4562 43.09C71.0762 43.14 62.5662 42.75 54.5962 40.53C46.6262 38.31 39.5962 34.15 33.1962 29.28C28.9962 26.11 25.1962 23.59 19.7462 23.97C14.4259 24.2517 9.33794 26.2399 5.23621 29.64C-1.69379 35.7 -0.643786 46.86 2.11621 54.79C6.28621 66.66 18.9562 74.86 29.7062 80.28C42.1362 86.49 55.7862 90.09 69.4862 92.17C81.4862 93.99 96.8962 95.32 107.296 87.48C116.856 80.28 119.476 63.84 117.136 52.74C116.566 49.4568 114.816 46.4947 112.216 44.41C105.506 39.51 95.4962 42.78 87.9562 42.95C85.1562 43.01 82.3162 43.07 79.4562 43.09Z" fill="#272933"/>
<path d="M58.9662 111.62C79.2406 111.62 95.6762 110.595 95.6762 109.33C95.6762 108.065 79.2406 107.04 58.9662 107.04C38.6919 107.04 22.2562 108.065 22.2562 109.33C22.2562 110.595 38.6919 111.62 58.9662 111.62Z" fill="#272933"/>
<path d="M96.4862 30.87V35.18" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M94.3262 33.03H98.6362" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M24.2562 67.09V71.39" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.1062 69.24H26.4162" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.2262 12.95V17.25" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.0762 15.1H20.3762" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M65.0962 2.96C65.6374 2.96 66.0762 2.52124 66.0762 1.98C66.0762 1.43876 65.6374 1 65.0962 1C64.555 1 64.1162 1.43876 64.1162 1.98C64.1162 2.52124 64.555 2.96 65.0962 2.96Z" fill="#4A5059"/>
<path d="M62.7462 98.57C63.2875 98.57 63.7262 98.1312 63.7262 97.59C63.7262 97.0487 63.2875 96.61 62.7462 96.61C62.205 96.61 61.7662 97.0487 61.7662 97.59C61.7662 98.1312 62.205 98.57 62.7462 98.57Z" fill="#4A5059"/>
<path d="M83.7929 7.64512L26.7598 13.5691C25.4579 13.7043 24.5121 14.8694 24.6473 16.1713L32.4475 91.2673C32.5827 92.5692 33.7477 93.515 35.0496 93.3797L92.0828 87.4557C93.3847 87.3205 94.3305 86.1555 94.1953 84.8536L86.3951 9.75759C86.2599 8.45568 85.0949 7.5099 83.7929 7.64512Z" fill="#2D333E" stroke="#4A5059" stroke-miterlimit="10"/>
<path d="M81.3387 11.1214L29.8656 16.4679C28.5637 16.6031 27.6179 17.7681 27.7532 19.07L34.8074 86.9846C34.9426 88.2866 36.1076 89.2323 37.4096 89.0971L88.8826 83.7507C90.1846 83.6154 91.1303 82.4504 90.9951 81.1485L83.9409 13.2339C83.8056 11.9319 82.6406 10.9862 81.3387 11.1214Z" fill="#2D333E" stroke="#4A5059" stroke-miterlimit="10"/>
<path d="M72.4662 14.44L71.6662 6.73998C71.65 6.57904 71.6022 6.42289 71.5255 6.28046C71.4488 6.13803 71.3448 6.01212 71.2194 5.90995C71.094 5.80777 70.9497 5.73133 70.7947 5.68501C70.6397 5.63868 70.4771 5.62338 70.3162 5.63998L60.7662 6.63998C60.5579 5.13104 59.7712 3.76216 58.5722 2.82256C57.3733 1.88295 55.856 1.44621 54.341 1.60459C52.826 1.76297 51.4319 2.50407 50.4533 3.67133C49.4746 4.83858 48.988 6.34057 49.0962 7.85998L39.5362 8.85998C39.3757 8.87617 39.2199 8.92405 39.078 9.00085C38.936 9.07766 38.8108 9.18186 38.7094 9.30742C38.608 9.43298 38.5325 9.5774 38.4874 9.73233C38.4422 9.88726 38.4282 10.0496 38.4462 10.21L39.2462 17.91C39.2625 18.0709 39.3103 18.2271 39.387 18.3695C39.4636 18.5119 39.5676 18.6378 39.693 18.74C39.8184 18.8422 39.9628 18.9186 40.1177 18.965C40.2727 19.0113 40.4353 19.0266 40.5962 19.01L71.3762 15.81C71.5382 15.7926 71.695 15.7433 71.8377 15.6648C71.9805 15.5863 72.1062 15.4802 72.2076 15.3528C72.309 15.2253 72.384 15.079 72.4284 14.9223C72.4728 14.7656 72.4857 14.6017 72.4662 14.44Z" fill="#4A5059"/>
<path d="M47.7162 61.3799C48.0484 58.4171 49.3837 55.6569 51.5004 53.5572C53.6172 51.4576 56.3881 50.1448 59.3536 49.8365C62.3191 49.5283 65.3008 50.2432 67.8041 51.8627C70.3073 53.4821 72.1817 55.9087 73.1162 58.7399" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M49.1662 38.48L44.3862 44.38" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M43.8262 39.04L49.7262 43.82" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M72.3261 36.08L67.5461 41.97" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M66.9862 36.63L72.8862 41.42" stroke="#4A5059" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB

20
web/src/lib/assets/svgs/empty_states/error_light.svg Normal file
View File

@@ -0,0 +1,20 @@
<svg width="118" height="112" viewBox="0 0 118 112" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M79.4512 43.08C71.0812 43.08 62.5612 42.74 54.5912 40.52C46.7712 38.35 39.5912 34.14 33.1912 29.27C29.0012 26.1 25.1912 23.58 19.7512 23.96C14.4247 24.2516 9.3336 26.2502 5.23121 29.66C-1.68879 35.66 -0.648793 46.89 2.12121 54.78C6.28121 66.66 18.9412 74.89 29.7012 80.27C42.1312 86.48 55.7912 90.08 69.4812 92.16C81.4812 93.98 96.9012 95.31 107.301 87.47C116.851 80.27 119.471 63.83 117.131 52.73C116.564 49.4479 114.818 46.4858 112.221 44.4C105.511 39.5 95.5012 42.77 87.9612 42.94C85.1612 43 82.3112 43.07 79.4512 43.08Z" fill="#F2F2F2"/>
<path d="M58.9712 111.61C79.2455 111.61 95.6812 110.585 95.6812 109.32C95.6812 108.055 79.2455 107.03 58.9712 107.03C38.6968 107.03 22.2612 108.055 22.2612 109.32C22.2612 110.585 38.6968 111.61 58.9712 111.61Z" fill="#F2F2F2"/>
<path d="M96.4812 30.86V35.17" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M94.3312 33.02H98.6312" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M24.2612 67.08V71.38" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M22.1012 69.23H26.4112" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M18.2312 12.94V17.24" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M16.0712 15.09H20.3812" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M65.0912 2.96C65.6324 2.96 66.0712 2.52124 66.0712 1.98C66.0712 1.43876 65.6324 1 65.0912 1C64.55 1 64.1112 1.43876 64.1112 1.98C64.1112 2.52124 64.55 2.96 65.0912 2.96Z" fill="#CFCFCF"/>
<path d="M62.7512 98.56C63.2924 98.56 63.7312 98.1212 63.7312 97.58C63.7312 97.0388 63.2924 96.6 62.7512 96.6C62.2099 96.6 61.7712 97.0388 61.7712 97.58C61.7712 98.1212 62.2099 98.56 62.7512 98.56Z" fill="#CFCFCF"/>
<path d="M83.7967 7.63656L26.7635 13.5606C25.4616 13.6958 24.5158 14.8608 24.651 16.1627L32.4512 91.2587C32.5864 92.5606 33.7515 93.5064 35.0534 93.3712L92.0865 87.4472C93.3884 87.312 94.3342 86.1469 94.199 84.845L86.3988 9.74903C86.2636 8.44712 85.0986 7.50134 83.7967 7.63656Z" fill="#D2D2D2"/>
<path d="M81.3425 11.1029L29.8694 16.4493C28.5675 16.5846 27.6217 17.7496 27.7569 19.0515L34.8112 86.9661C34.9464 88.268 36.1114 89.2138 37.4133 89.0786L88.8864 83.7321C90.1883 83.5969 91.1341 82.4319 90.9989 81.13L83.9447 13.2153C83.8094 11.9134 82.6444 10.9676 81.3425 11.1029Z" fill="white" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M72.4612 14.43L71.6612 6.73001C71.6211 6.41041 71.4572 6.1193 71.2048 5.91922C70.9523 5.71915 70.6315 5.62608 70.3112 5.66001L60.7912 6.66001C60.7137 5.89178 60.4857 5.14633 60.1201 4.46622C59.7545 3.78612 59.2586 3.18468 58.6606 2.69624C58.0626 2.2078 57.3742 1.84194 56.6348 1.61953C55.8954 1.39712 55.1194 1.32253 54.3512 1.40001C53.5829 1.47749 52.8375 1.70552 52.1574 2.0711C51.4773 2.43667 50.8758 2.93262 50.3874 3.53063C49.401 4.73836 48.9347 6.28849 49.0912 7.84001L39.5412 8.84001C39.3802 8.85625 39.2241 8.90408 39.0817 8.98075C38.9392 9.05742 38.8133 9.16144 38.7112 9.28683C38.609 9.41223 38.5325 9.55655 38.4862 9.71153C38.4399 9.86651 38.4246 10.0291 38.4412 10.19L39.2412 17.89C39.2574 18.0509 39.3053 18.2071 39.3819 18.3495C39.4586 18.492 39.5626 18.6179 39.688 18.72C39.8134 18.8222 39.9577 18.8987 40.1127 18.945C40.2677 18.9913 40.4303 19.0066 40.5912 18.99L71.3712 15.79C71.5327 15.7739 71.6894 15.7257 71.832 15.6482C71.9747 15.5708 72.1004 15.4657 72.2019 15.339C72.3034 15.2124 72.3787 15.0667 72.4232 14.9106C72.4677 14.7546 72.4806 14.5912 72.4612 14.43Z" fill="white" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M47.7112 61.37C48.0387 58.4026 49.3723 55.6367 51.49 53.5324C53.6078 51.4282 56.3822 50.1123 59.3516 49.8038C62.3211 49.4953 65.3067 50.2127 67.8118 51.8367C70.317 53.4606 72.1906 55.8933 73.1212 58.73" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M49.1712 38.47L44.3812 44.37" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M43.8312 39.03L49.7212 43.81" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M72.3312 36.07L67.5412 41.96" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M66.9912 36.62L72.8812 41.41" stroke="#BABABA" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.3 KiB

8
web/src/lib/components/empty_states/empty_state_search.svelte
View File

@@ -1,4 +1,8 @@
<script lang="ts">
import emptyStateSearchDark from "$lib/assets/svgs/empty_states/empty_state_search_dark.svg";
import emptyStateSearchLight from "$lib/assets/svgs/empty_states/empty_state_search_light.svg";
import { theme } from "$lib/stores/theme_store";
import { _ } from "svelte-i18n";
export let width: number = 256;
</script>
@@ -7,9 +11,9 @@
<img
style="width: {width}px"
class="rounded-full aspect-square"
src="/imgs/empty_state.png"
src={$theme === "light" ? emptyStateSearchLight : emptyStateSearchDark}
alt="Empty State showing a wanderer going into the distance"
/>
<h3 class="text-2xl font-semibold text-center">{$_("no-results")}</h3>
<h3 class="text-2xl font-semibold text-center text-gray-500">{$_("no-results")}</h3>
</div>

8
web/src/lib/components/list/list_card.svelte
View File

@@ -1,5 +1,8 @@
<script lang="ts">
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
import type { List } from "$lib/models/list";
import { theme } from "$lib/stores/theme_store";
import { getFileURL } from "$lib/util/file_util";
import {
formatDistance,
@@ -8,6 +11,7 @@
} from "$lib/util/format_util";
import { _ } from "svelte-i18n";
import ShareInfo from "../share_info.svelte";
export let list: List;
export let active: boolean = false;
@@ -42,7 +46,9 @@
class="w-16 md:w-20 aspect-square rounded-full object-cover"
src={list.avatar
? getFileURL(list, list.avatar)
: "/imgs/default_list_thumbnail.webp"}
: $theme === "light"
? emptyStateTrailLight
: emptyStateTrailDark}
alt="avatar"
/>

16
web/src/lib/components/list/list_panel.svelte
View File

@@ -1,19 +1,21 @@
<script lang="ts">
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
import type { List } from "$lib/models/list";
import type { Trail } from "$lib/models/trail";
import { theme } from "$lib/stores/theme_store";
import { currentUser } from "$lib/stores/user_store";
import { getFileURL } from "$lib/util/file_util";
import {
formatDistance,
formatElevation,
formatTimeHHMM,
} from "$lib/util/format_util";
import { _ } from "svelte-i18n";
import TrailListItem from "../trail/trail_list_item.svelte";
import type { Trail } from "$lib/models/trail";
import { createEventDispatcher } from "svelte";
import { currentUser } from "$lib/stores/user_store";
import { _ } from "svelte-i18n";
import Dropdown from "../base/dropdown.svelte";
import ShareInfo from "../share_info.svelte";
import TrailListItem from "../trail/trail_list_item.svelte";
export let list: List;
const dispatch = createEventDispatcher();
@@ -115,7 +117,9 @@
class="w-full object-cover max-h-64"
src={list.avatar
? getFileURL(list, list.avatar)
: "/imgs/default_list_thumbnail.webp"}
: $theme === "light"
? emptyStateTrailLight
: emptyStateTrailDark}
alt="avatar"
/>
</div>

7
web/src/lib/components/list/list_select_modal.svelte
View File

@@ -6,6 +6,9 @@
import { getFileURL } from "$lib/util/file_util";
import { _ } from "svelte-i18n";
import Modal from "../base/modal.svelte";
import { theme } from "$lib/stores/theme_store";
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
export let lists: List[];
@@ -45,7 +48,9 @@
class="w-12 aspect-square rounded-full"
src={list.avatar
? getFileURL(list, list.avatar)
: "/imgs/default_list_thumbnail.webp"}
: $theme === "light"
? emptyStateTrailLight
: emptyStateTrailDark}
alt="avatar"
/>

13
web/src/lib/components/notification/notification_dropdown.svelte
View File

@@ -12,6 +12,9 @@
import SkeletonNotificationCard from "../base/skeleton_notification_card.svelte";
import NotificationCard from "./notification_card.svelte";
import { _ } from "svelte-i18n";
import emptyStateNotificationDark from "$lib/assets/svgs/empty_states/empty_state_notification_dark.svg";
import emptyStateNotificationLight from "$lib/assets/svgs/empty_states/empty_state_notification_light.svg";
import { theme } from "$lib/stores/theme_store";
let notifications: Notification[] = [];
@@ -133,9 +136,17 @@
></NotificationCard>
{/each}
{:else}
<p class="text-gray-500 text-sm text-center py-6">
<div class="text-center p-8">
<img class="mx-auto"
src={$theme === "light"
? emptyStateNotificationLight
: emptyStateNotificationDark}
alt="notification empty state"
/>
<p class="text-gray-500 text-sm text-center mt-2">
{$_("no-notifications")}
</p>
</div>
{/if}
</ul>
{/if}

9
web/src/lib/components/summit_log/summit_log_card.svelte
View File

@@ -2,6 +2,8 @@
import type { SummitLog } from "$lib/models/summit_log";
import { _ } from "svelte-i18n";
import Dropdown, { type DropdownItem } from "../base/dropdown.svelte";
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
import {
formatDistance,
@@ -9,8 +11,10 @@
formatTimeHHMM,
} from "$lib/util/format_util";
import { getFileURL, readAsDataURLAsync } from "$lib/util/file_util";
import { theme } from "$lib/stores/theme_store";
let thumbnail: string = "/imgs/default_thumbnail.webp";
let thumbnail: string =
$theme === "light" ? emptyStateTrailLight : emptyStateTrailDark;
$: Promise.all(
(log._photos ?? []).map(async (f) => {
@@ -22,7 +26,8 @@
} else if (v.length) {
thumbnail = v[0];
} else {
thumbnail = "/imgs/default_thumbnail.webp";
thumbnail =
$theme === "light" ? emptyStateTrailLight : emptyStateTrailDark;
}
});

11
web/src/lib/components/trail/trail_card.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
import type { Trail } from "$lib/models/trail";
import { pb } from "$lib/pocketbase";
import { theme } from "$lib/stores/theme_store";
import { getFileURL } from "$lib/util/file_util";
import {
formatDistance,
@@ -8,14 +12,15 @@
} from "$lib/util/format_util";
import { _ } from "svelte-i18n";
import ShareInfo from "../share_info.svelte";
import { pb } from "$lib/pocketbase";
export let trail: Trail;
export let fullWidth: boolean = false;
$: thumbnail = trail.photos.length
? getFileURL(trail, trail.photos[trail.thumbnail ?? 0])
: "/imgs/default_thumbnail.webp";
: $theme === "light"
? emptyStateTrailLight
: emptyStateTrailDark;
$: trailIsShared = (trail.expand?.trail_share_via_trail?.length ?? 0) > 0;
</script>
@@ -31,7 +36,7 @@
<div
class="relative w-full min-h-40 max-h-48 overflow-hidden rounded-t-2xl"
>
<img id="header-img" src={thumbnail} alt="" />
<img width="100%" id="header-img" src={thumbnail} alt="" />
</div>
{#if (trail.public || trailIsShared) && pb.authStore.model}
<div

9
web/src/lib/components/trail/trail_info_panel.svelte
View File

@@ -33,6 +33,9 @@
import { pb } from "$lib/pocketbase";
import * as M from "maplibre-gl";
import MapWithElevationMaplibre from "./map_with_elevation_maplibre.svelte";
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
import { theme } from "$lib/stores/theme_store";
export let trail: Trail;
export let mode: "overview" | "map" | "list" = "map";
@@ -50,9 +53,11 @@
const trailIsShared =
(trail.expand?.trail_share_via_trail?.length ?? 0) > 0;
let thumbnail = trail.photos.length
$: thumbnail = trail.photos.length
? getFileURL(trail, trail.photos[trail.thumbnail ?? 0])
: "/imgs/default_thumbnail.webp";
: $theme === "light"
? emptyStateTrailLight
: emptyStateTrailDark;
let openGallery: (idx?: number) => void;

9
web/src/lib/components/trail/trail_list_item.svelte
View File

@@ -1,5 +1,9 @@
<script lang="ts">
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
import type { Trail } from "$lib/models/trail";
import { pb } from "$lib/pocketbase";
import { theme } from "$lib/stores/theme_store";
import { getFileURL } from "$lib/util/file_util";
import {
formatDistance,
@@ -8,7 +12,6 @@
} from "$lib/util/format_util";
import { _ } from "svelte-i18n";
import ShareInfo from "../share_info.svelte";
import { pb } from "$lib/pocketbase";
export let trail: Trail;
@@ -16,7 +19,9 @@
$: thumbnail = trail.photos.length
? getFileURL(trail, trail.photos[trail.thumbnail ?? 0])
: "/imgs/default_thumbnail.webp";
: $theme === "light"
? emptyStateTrailLight
: emptyStateTrailDark;
</script>
<li

9
web/src/lib/util/maplibre_util.ts
View File

@@ -6,6 +6,9 @@ import { formatDistance, formatElevation, formatTimeHHMM } from "./format_util";
import { get } from "svelte/store";
import { _ } from "svelte-i18n";
import { haversineDistance } from "$lib/models/gpx/utils";
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
import { theme } from "$lib/stores/theme_store";
export class FontawesomeMarker extends M.Marker {
constructor(options: { icon: string, fontSize?: string, width?: number, backgroundColor?: string, fontColor?: string, id?: string }, markerOptions?: M.MarkerOptions) {
@@ -81,8 +84,10 @@ export function createAnchorMarker(lat: number, lon: number, index: number, onDe
export function createPopupFromTrail(trail: Trail) {
const thumbnail = trail.photos.length
? getFileURL(trail, trail.photos[trail.thumbnail])
: "/imgs/default_thumbnail.webp";
? getFileURL(trail, trail.photos[trail.thumbnail ?? 0])
: get(theme) === "light"
? emptyStateTrailLight
: emptyStateTrailDark;
const popup = new M.Popup({ maxWidth: "320px" });
popup.setHTML(
`<a href="/map/trail/${trail.id}" data-sveltekit-preload-data="off">

19
web/src/routes/+error.svelte
View File

@@ -1,27 +1,28 @@
<script>
import { page } from "$app/stores";
import errorDark from "$lib/assets/svgs/empty_states/error_dark.svg";
import errorLight from "$lib/assets/svgs/empty_states/error_light.svg";
import { theme } from "$lib/stores/theme_store";
</script>
<svelte:head>
<title>{$page.status} | wanderer</title>
</svelte:head>
<div
class="flex flex-col gap-y-4 items-center justify-center relative"
class="m-auto text-center max-w-md"
style="height: calc(100dvh - 120px); font-size: 4rem"
>
<img
class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 aspect-square rounded-xl object-cover"
width="500"
src="/imgs/error.webp"
class="aspect-square rounded-xl mx-auto"
width="300"
src={$theme === "light" ? errorLight : errorDark}
alt="Default error img"
/>
<div
class="z-10 rounded-full p-8 bg-background flex flex-col gap-y-4 items-center"
style="max-width: 400px"
>
<div class="text-center mt-8">
<h1 class="font-bold" style="line-height: 4rem;">
{$page.status}
</h1>
<p class="text-lg text-center">
<p class="text-lg text-center mt-2">
{$page.error?.message}
</p>
</div>

18
web/src/routes/+page.svelte
View File

@@ -11,6 +11,9 @@
import { country_codes } from "$lib/util/country_code_util";
import { Canvas } from "@threlte/core";
import { _ } from "svelte-i18n";
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
import { theme } from "$lib/stores/theme_store";
export let data;
@@ -110,20 +113,21 @@
class="flex flex-wrap justify-items-center gap-8 py-8 order-1 md:order-none"
>
{#if data.trails.length == 0}
<div>
<img
style="max-width: min(450px, 100%)"
class="rounded-full aspect-square"
src="/imgs/default_thumbnail.webp"
alt="Empty State showing a wanderer going into the distance"
style="width: min(450px, 100%)"
class="rounded-md"
src={$theme === "light"
? emptyStateTrailLight
: emptyStateTrailDark}
alt="Empty state"
/>
</div>
{/if}
{:else}
{#each { length: Math.min(data.trails.length, 4) } as _, i}
<a href="/trail/view/{data.trails[i].id}">
<TrailCard trail={data.trails[i]}></TrailCard></a
>
{/each}
{/if}
</div>
<div class="max-w-md md:mx-auto space-y-8">
{#if data.trails.length == 0}

7
web/src/routes/lists/+page.svelte
View File

@@ -9,6 +9,7 @@
import Select from "$lib/components/base/select.svelte";
import SkeletonCard from "$lib/components/base/skeleton_card.svelte";
import ConfirmModal from "$lib/components/confirm_modal.svelte";
import EmptyStateSearch from "$lib/components/empty_states/empty_state_search.svelte";
import ListCard from "$lib/components/list/list_card.svelte";
import ListPanel from "$lib/components/list/list_panel.svelte";
import ListShareModal from "$lib/components/list/list_share_modal.svelte";
@@ -104,8 +105,8 @@
) {
for (const trail of item.expand.trails) {
const gpxData: string = await fetchGPX(trail);
if(!trail.expand) {
(trail as any).expand = {}
if (!trail.expand) {
(trail as any).expand = {};
}
trail.expand!.gpx_data = gpxData;
}
@@ -321,6 +322,8 @@
{#each { length: 3 } as _, index}
<SkeletonCard></SkeletonCard>
{/each}
{:else if data.lists.items.length == 0}
<EmptyStateSearch width={356}></EmptyStateSearch>
{:else}
{#each data.lists.items as item, i}
<div

7
web/src/routes/lists/edit/[id]/+page.svelte
View File

@@ -3,6 +3,8 @@
import { _ } from "svelte-i18n";
import { page } from "$app/stores";
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
import Button from "$lib/components/base/button.svelte";
import Search, {
type SearchItem,
@@ -18,6 +20,7 @@
import type { Trail } from "$lib/models/trail.js";
import { TrailShare } from "$lib/models/trail_share.js";
import { lists_create, lists_update } from "$lib/stores/list_store.js";
import { theme } from "$lib/stores/theme_store.js";
import { show_toast } from "$lib/stores/toast_store.js";
import {
trail_share_create,
@@ -338,7 +341,9 @@
trail,
trail.photos[trail.thumbnail ?? 0],
)
: "/imgs/default_thumbnail.webp"}
: $theme === "light"
? emptyStateTrailLight
: emptyStateTrailDark}
alt=""
/>
</div>

21
web/src/routes/map/+page.svelte
View File

@@ -132,15 +132,6 @@
function handleMapInit() {
if (
$page.url.searchParams.has("lat") &&
$page.url.searchParams.has("lon")
) {
const lat = $page.url.searchParams.get("lat");
const lon = $page.url.searchParams.get("lon");
map.setCenter([parseFloat(lon!), parseFloat(lat!)]);
map.setZoom(14);
console.log("Set map center to: " + lat + " " + lon);
} else if (
$page.url.searchParams.has("tl_lat") &&
$page.url.searchParams.has("tl_lon") &&
$page.url.searchParams.has("br_lat") &&
@@ -157,6 +148,14 @@
],
];
map.fitBounds(boundingBox, { animate: false });
} else if (
$page.url.searchParams.has("lat") &&
$page.url.searchParams.has("lon")
) {
const lat = $page.url.searchParams.get("lat");
const lon = $page.url.searchParams.get("lon");
map.setZoom(14);
map.setCenter([parseFloat(lon!), parseFloat(lat!)]);
} else if (settings && settings.mapFocus == "trails") {
const boundingBox: M.LngLatBoundsLike = [
[maxBoundingBox.min_lon, maxBoundingBox.max_lat],
@@ -168,15 +167,15 @@
settings.mapFocus == "location" &&
settings.location
) {
map.setCenter([settings.location.lon, settings.location.lat]);
map.setZoom(12);
map.setCenter([settings.location.lon, settings.location.lat]);
} else {
navigator.geolocation.getCurrentPosition(
(position) => {
const lat = position.coords.latitude;
const lon = position.coords.longitude;
map.setCenter([lon, lat]);
map.setZoom(12);
map.setCenter([lon, lat]);
},
(error) => {
console.error("Error getting user location:", error);

7
web/src/routes/profile/[id]/+page.svelte
View File

@@ -3,6 +3,9 @@
import { activities_index } from "$lib/stores/activity_store.js";
import { getFileURL } from "$lib/util/file_util.js";
import { _ } from "svelte-i18n";
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
import { theme } from "$lib/stores/theme_store.js";
export let data;
@@ -86,7 +89,9 @@
class="w-full h-full object-cover transition-transform group-hover:scale-110"
src={list.avatar
? getFileURL(list, list.avatar)
: "/imgs/default_list_thumbnail.webp"}
: $theme === "light"
? emptyStateTrailLight
: emptyStateTrailDark}
alt="avatar"
/>

7
web/src/routes/trail/edit/[id]/+page.svelte
View File

@@ -67,6 +67,9 @@
import { backInOut } from "svelte/easing";
import { scale } from "svelte/transition";
import { z } from "zod";
import emptyStateTrailDark from "$lib/assets/svgs/empty_states/empty_state_trail_dark.svg";
import emptyStateTrailLight from "$lib/assets/svgs/empty_states/empty_state_trail_light.svg";
import { theme } from "$lib/stores/theme_store.js";
export let data;
@@ -851,7 +854,9 @@
class="w-8 aspect-square rounded-full object-cover"
src={list.avatar
? getFileURL(list, list.avatar)
: "/imgs/default_list_thumbnail.webp"}
: $theme === "light"
? emptyStateTrailLight
: emptyStateTrailDark}
alt="avatar"
/>

BIN
web/static/imgs/default_list_thumbnail.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 64 KiB

BIN
web/static/imgs/default_thumbnail.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 176 KiB

BIN
web/static/imgs/empty_state.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 51 KiB

BIN
web/static/imgs/error.webp
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 165 KiB

BIN
web/static/imgs/hero.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 459 KiB

BIN
web/static/imgs/logo_text_dark.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.1 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
web/static/imgs/logo_text_light.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.8 KiB