Application UI part2 (#13544)

* fix: ui changes for schedule tab

* fix: update applications icons

* fix: adding loader

* add localization
This commit is contained in:
karanh37 2023-10-13 04:40:47 +05:30 committed by GitHub
parent dfce52589a
commit 932083f931
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
19 changed files with 464 additions and 352 deletions

View File

@ -1,35 +1,22 @@
<svg width="59" height="59" viewBox="0 0 59 59" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.4801 15.3125H12.5895V34.7188H46.3707V15.3125H52.1207V40.8281H6.4801V15.3125Z" fill="#B2F0FB"/>
<g clip-path="url(#clip0_5768_29302)">
<rect x="1.74951" y="7.375" width="55.5" height="43.2813" rx="5" stroke="#020288" stroke-width="2"/>
<path d="M1.82764 41.2344H57.1714" stroke="#020288" stroke-width="2" stroke-linecap="round"/>
<path d="M17.2808 56.6875H41.7183" stroke="#020288" stroke-width="2" stroke-linecap="round"/>
<path d="M26.6245 45.9062H32.3745" stroke="#020288" stroke-width="2" stroke-linecap="round"/>
<path d="M34.5308 50.2188L36.687 56.6875" stroke="#020288" stroke-width="2" stroke-linecap="round"/>
<path d="M24.4683 50.2188L22.312 56.6875" stroke="#020288" stroke-width="2" stroke-linecap="round"/>
<path d="M13.3745 10.6586V3.13359V2.05859H45.9829V10.6586H13.3745Z" fill="white"/>
<path d="M13.7329 10.6562L45.9829 10.6562" stroke="#020288" stroke-width="2" stroke-linecap="round"/>
<rect x="12.5829" y="1.625" width="33.8334" height="33.8334" rx="4" stroke="#020288" stroke-width="2"/>
<circle cx="17.3163" cy="6.35911" r="1.43333" fill="#FF7C50"/>
<circle cx="21.6162" cy="6.35911" r="1.43333" fill="#FEB019"/>
<circle cx="25.9162" cy="6.35911" r="1.43333" fill="#48CA9E"/>
<path d="M33.7996 6.35547L41.6829 6.35547" stroke="#020288" stroke-width="3" stroke-linecap="round"/>
<path d="M20.8778 14.5139C20.8194 14.5264 20.7193 14.5556 20.6485 14.5764C19.8435 14.86 19.3139 15.4397 19.0887 16.2655C19.0261 16.5032 19.0261 19.7312 19.0887 19.9689C19.3055 20.7655 19.806 21.3202 20.5901 21.6288C20.9154 21.7539 21.7578 21.7539 22.0831 21.6288C22.8338 21.3327 23.3927 20.7113 23.5678 19.9648C23.6554 19.6019 23.6554 16.5908 23.5678 16.253C23.3635 15.4522 22.8714 14.9184 22.0247 14.5723C21.8954 14.5222 21.0655 14.4805 20.8778 14.5139ZM21.8579 15.8735C22.0873 16.0194 22.1916 16.1404 22.2916 16.3781C22.3751 16.5699 22.3792 16.6534 22.3751 18.1089C22.3709 19.7562 22.3709 19.7688 22.1457 20.0899C21.9705 20.3401 21.6953 20.4652 21.3366 20.4611C21.0196 20.4611 20.8278 20.3902 20.6234 20.19C20.3148 19.8897 20.3148 19.9022 20.3023 18.1798C20.2898 16.474 20.2981 16.3906 20.5317 16.1154C20.7819 15.8276 20.9904 15.74 21.3991 15.7567C21.6285 15.765 21.7286 15.7901 21.8579 15.8735Z" fill="#020288"/>
<path d="M35.7666 14.517C35.041 14.6463 34.3403 15.2093 34.0817 15.8682C33.8982 16.327 33.8899 16.4313 33.8899 18.112C33.8941 19.359 33.9066 19.7844 33.9525 19.9762C34.1401 20.7561 34.7657 21.4109 35.579 21.6695C35.7958 21.7404 36.5716 21.7404 36.7884 21.6695C37.4057 21.4735 37.9895 20.9939 38.2273 20.4892C38.4692 19.9721 38.4775 19.8928 38.4775 18.1162C38.4775 16.5689 38.4608 16.277 38.3482 16.0017C38.0604 15.2927 37.6559 14.9007 36.8718 14.5754C36.7467 14.5253 35.9627 14.4836 35.7666 14.517ZM36.7134 15.8808C36.9261 16.0142 37.0929 16.2186 37.1679 16.4354C37.2514 16.6773 37.2514 19.5925 37.1679 19.7927C37.0637 20.043 36.8677 20.2682 36.6675 20.3724C36.4214 20.4976 35.9918 20.5142 35.7625 20.4058C35.5539 20.3057 35.3371 20.0805 35.2328 19.8553C35.1452 19.6718 35.1411 19.6176 35.1411 18.1245C35.1411 16.6607 35.1452 16.5731 35.2286 16.3812C35.3246 16.1518 35.433 16.0226 35.6457 15.8891C35.8459 15.7598 35.9084 15.7473 36.2463 15.7598C36.4756 15.7682 36.5757 15.7932 36.7134 15.8808Z" fill="#020288"/>
<path d="M15.0474 14.7259C14.7304 14.9761 14.697 15.3515 14.9723 15.6559C15.1016 15.7977 15.2267 15.8394 15.6438 15.8644L16.0191 15.8895L16.0316 18.5544L16.04 21.2194L16.1484 21.3612C16.3945 21.6865 16.8282 21.7199 17.0993 21.4363C17.2911 21.2278 17.2911 21.2611 17.2911 18.1082C17.2911 14.8176 17.2995 14.9344 17.0284 14.7259C16.8866 14.6174 16.8866 14.6174 16.0358 14.6174H15.185L15.0474 14.7259Z" fill="#020288"/>
<path d="M25.6697 14.7128C25.3945 14.8963 25.3153 15.2258 25.4779 15.5094C25.6155 15.7513 25.8241 15.843 26.2703 15.8597L26.6331 15.8764L26.6373 18.5288C26.6373 20.9811 26.6457 21.1938 26.7124 21.3106C26.9084 21.6484 27.3797 21.7318 27.6591 21.4733C27.6883 21.4482 27.7508 21.3648 27.7967 21.2856C27.8843 21.1438 27.8843 21.1021 27.8843 18.1368C27.8843 14.8129 27.8926 14.9338 27.6216 14.7253C27.4798 14.6169 27.4756 14.6169 26.6457 14.6169C25.8449 14.6169 25.8074 14.621 25.6697 14.7128Z" fill="#020288"/>
<path d="M29.8946 14.7267C29.7528 14.8393 29.636 15.0645 29.636 15.223C29.636 15.3523 29.7403 15.5858 29.832 15.6693C29.9655 15.7902 30.2574 15.8694 30.5785 15.8694H30.8872V18.5261C30.8872 21.1076 30.8913 21.1911 30.9706 21.3245C31.2291 21.7457 31.8422 21.7124 32.0549 21.262C32.1383 21.0868 32.1383 21.0159 32.1383 18.0923C32.1341 14.7601 32.1467 14.9144 31.8505 14.7142C31.7129 14.6224 31.6754 14.6183 30.8705 14.6183C30.0322 14.6183 30.0322 14.6183 29.8946 14.7267Z" fill="#020288"/>
<path d="M40.5377 14.6949C40.3667 14.7991 40.2124 15.1161 40.2458 15.2912C40.3209 15.6749 40.5711 15.8376 41.1174 15.8584L41.4803 15.8751V18.4984C41.4803 21.2176 41.4803 21.2384 41.6554 21.4303C41.8848 21.6847 42.3269 21.6847 42.5563 21.4303C42.7314 21.2343 42.7314 21.2384 42.7314 18.0939C42.7314 14.7574 42.7439 14.9326 42.4687 14.7241C42.3269 14.6156 42.3227 14.6156 41.497 14.6156C40.7546 14.6156 40.6545 14.624 40.5377 14.6949Z" fill="#020288"/>
<path d="M21.2114 23.8708C20.5191 24.0042 19.8768 24.5172 19.5682 25.1803C19.3847 25.5849 19.3763 25.6516 19.3763 27.4658C19.3763 29.1131 19.3805 29.2132 19.4639 29.4676C19.7434 30.3268 20.4065 30.9065 21.2865 31.0733C21.9954 31.2068 22.7461 30.9649 23.28 30.431C23.5803 30.1308 23.8013 29.7304 23.9014 29.3175C23.9848 28.963 23.989 25.9686 23.9014 25.6141C23.8055 25.2137 23.5969 24.8425 23.2758 24.5172C23.0006 24.2419 22.7879 24.1085 22.3208 23.9208C22.1664 23.8583 21.4533 23.8249 21.2114 23.8708ZM22.1081 25.197C22.3249 25.3054 22.5418 25.5515 22.6294 25.7809C22.7086 25.9894 22.7128 26.1104 22.7128 27.4491C22.7128 28.4375 22.6961 28.9463 22.6627 29.0631C22.5877 29.3217 22.4 29.5719 22.179 29.7012C22.008 29.8013 21.9412 29.818 21.6493 29.818C21.3615 29.8138 21.2906 29.8013 21.1447 29.7054C20.9236 29.5636 20.7359 29.3342 20.6734 29.134C20.6442 29.0256 20.6275 28.4709 20.6275 27.4491C20.6275 25.7809 20.6317 25.7433 20.8903 25.4347C21.0112 25.2929 21.2948 25.1386 21.4825 25.1136C21.6701 25.0886 21.9663 25.1303 22.1081 25.197Z" fill="#020288"/>
<path d="M27.3004 23.8713C26.5038 24.009 25.7865 24.6095 25.5279 25.3561C25.3986 25.7231 25.3861 25.9358 25.3861 27.483C25.3861 29.1888 25.3986 29.3222 25.6071 29.781C26.0117 30.6652 27.0543 31.2365 27.9844 31.0906C28.9186 30.9404 29.6401 30.3232 29.907 29.439C29.9946 29.1429 29.9987 25.8273 29.907 25.5354C29.6818 24.7805 29.1521 24.2175 28.4431 23.9673C28.1679 23.8672 27.5965 23.8213 27.3004 23.8713ZM28.2012 25.2309C28.2972 25.2893 28.4264 25.3936 28.4848 25.4645C28.7142 25.7356 28.7184 25.7606 28.7184 27.4622C28.7184 29.2096 28.7184 29.1971 28.4431 29.5058C28.2554 29.7143 28.0928 29.7935 27.8009 29.8269C27.3463 29.8728 26.9667 29.6642 26.7666 29.2555L26.654 29.0261L26.6414 27.5581C26.6289 26.2944 26.6373 26.0609 26.6998 25.8565C26.8041 25.4937 27.0877 25.2143 27.4464 25.1225C27.6507 25.0683 28.0136 25.1183 28.2012 25.2309Z" fill="#020288"/>
<path d="M15.0891 24.0421C14.8013 24.2173 14.7096 24.5759 14.8764 24.8762C15.014 25.1181 15.1642 25.1848 15.6229 25.2099L16.0191 25.2307L16.04 27.9207C16.0567 30.0352 16.0734 30.6316 16.1151 30.7066C16.2694 30.9777 16.7657 31.057 17.0284 30.8568C17.2995 30.6483 17.2912 30.765 17.2912 27.4745C17.2912 24.3215 17.2912 24.3549 17.0993 24.1464C16.9325 23.9712 16.8616 23.9587 16.0317 23.9587C15.3018 23.9587 15.2142 23.967 15.0891 24.0421Z" fill="#020288"/>
<path d="M31.8964 24.0209C31.5795 24.1919 31.471 24.5672 31.642 24.8758C31.7755 25.1136 31.9298 25.1845 32.3886 25.2095L32.7848 25.2303L32.8056 27.8995C32.8265 30.3476 32.8306 30.5812 32.9015 30.7021C32.9975 30.8814 33.1685 30.9648 33.4354 30.9648C33.6022 30.9648 33.6856 30.9398 33.794 30.8564C34.0651 30.6479 34.0568 30.7647 34.0568 27.4783C34.0568 24.5714 34.0568 24.4963 33.9734 24.3212C33.915 24.2002 33.8316 24.1085 33.7273 24.0501C33.5772 23.9625 33.5146 23.9583 32.7806 23.9625C32.2259 23.9667 31.9632 23.9833 31.8964 24.0209Z" fill="#020288"/>
<path d="M36.3296 24.0381C36.0419 24.2132 35.9376 24.4676 36.0377 24.7512C36.1628 25.1099 36.3505 25.21 36.876 25.21H37.2263V27.8333C37.2263 30.7276 37.218 30.6526 37.489 30.8569C37.6892 31.0112 38.0145 31.0112 38.2147 30.8569C38.49 30.6484 38.4775 30.8236 38.4775 27.4538C38.4775 24.476 38.4733 24.3926 38.3941 24.2591C38.2272 23.9839 38.1313 23.9588 37.2472 23.9588C36.5465 23.9588 36.4381 23.9672 36.3296 24.0381Z" fill="#020288"/>
<path d="M40.5544 24.0506C40.4501 24.109 40.3667 24.2049 40.3083 24.33C40.2291 24.501 40.2249 24.5427 40.2666 24.7095C40.3667 25.0765 40.5961 25.21 41.1299 25.21H41.4803V27.8583C41.4803 30.7819 41.4678 30.6484 41.743 30.8569C41.9432 31.0112 42.2685 31.0112 42.4687 30.8569C42.7439 30.6484 42.7314 30.8236 42.7314 27.4871C42.7314 24.3425 42.7314 24.3467 42.5563 24.1507C42.3978 23.9755 42.2977 23.9588 41.4844 23.9588C40.7671 23.9588 40.6962 23.9672 40.5544 24.0506Z" fill="#020288"/>
</g>
<defs>
<clipPath id="clip0_5768_29302">
<rect width="57.5" height="57.5" fill="white" transform="translate(0.749512 0.625)"/>
</clipPath>
</defs>
<svg viewBox="0 0 60 47" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 46.4423C0 46.1333 0.392272 45.8828 0.876163 45.8828H58.4334C58.9173 45.8828 59.3095 46.1333 59.3095 46.4423C59.3095 46.7514 58.9173 47.0019 58.4334 47.0019H0.876163C0.392272 47.0019 0 46.7514 0 46.4423Z" fill="black"/>
<path d="M1.11902 3.62964C1.11902 1.62504 2.7385 0 4.73622 0H54.5732C56.571 0 58.1905 1.62504 58.1905 3.62964V37.7751C58.1905 39.7797 56.571 41.4048 54.5732 41.4048H4.73622C2.7385 41.4048 1.11902 39.7797 1.11902 37.7751V3.62964Z" fill="#E9E9E9"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M54.5732 1.7476H4.73622C3.70036 1.7476 2.86064 2.59022 2.86064 3.62964V37.7751C2.86064 38.8145 3.70036 39.6572 4.73622 39.6572H54.5732C55.6091 39.6572 56.4488 38.8145 56.4488 37.7751V3.62964C56.4488 2.59022 55.6091 1.7476 54.5732 1.7476ZM4.73622 0C2.7385 0 1.11902 1.62504 1.11902 3.62964V37.7751C1.11902 39.7797 2.7385 41.4048 4.73622 41.4048H54.5732C56.571 41.4048 58.1905 39.7797 58.1905 37.7751V3.62964C58.1905 1.62504 56.571 0 54.5732 0H4.73622Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.3049 10.0703L36.0045 22.5236L48.1702 10.5939L49.2381 11.6411L36.0045 24.6179L23.3049 12.1647L11.1393 24.0943L10.0714 23.0472L23.3049 10.0703Z" fill="black"/>
<path d="M14.5477 22.3806C14.5477 24.2347 13.0446 25.7377 11.1905 25.7377C9.33642 25.7377 7.83337 24.2347 7.83337 22.3806C7.83337 20.5265 9.33642 19.0234 11.1905 19.0234C13.0446 19.0234 14.5477 20.5265 14.5477 22.3806Z" fill="#48CA9E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.1905 24.37C12.2892 24.37 13.1799 23.4793 13.1799 22.3806C13.1799 21.2819 12.2892 20.3912 11.1905 20.3912C10.0918 20.3912 9.2011 21.2819 9.2011 22.3806C9.2011 23.4793 10.0918 24.37 11.1905 24.37ZM11.1905 25.7377C13.0446 25.7377 14.5477 24.2347 14.5477 22.3806C14.5477 20.5265 13.0446 19.0234 11.1905 19.0234C9.33642 19.0234 7.83337 20.5265 7.83337 22.3806C7.83337 24.2347 9.33642 25.7377 11.1905 25.7377Z" fill="black"/>
<path d="M26.8571 11.1892C26.8571 13.0433 25.3541 14.5463 23.5 14.5463C21.6459 14.5463 20.1428 13.0433 20.1428 11.1892C20.1428 9.33508 21.6459 7.83203 23.5 7.83203C25.3541 7.83203 26.8571 9.33508 26.8571 11.1892Z" fill="#FFBF31"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M23.5 13.1786C24.5987 13.1786 25.4894 12.2879 25.4894 11.1892C25.4894 10.0904 24.5987 9.19976 23.5 9.19976C22.4012 9.19976 21.5105 10.0904 21.5105 11.1892C21.5105 12.2879 22.4012 13.1786 23.5 13.1786ZM23.5 14.5463C25.3541 14.5463 26.8571 13.0433 26.8571 11.1892C26.8571 9.33508 25.3541 7.83203 23.5 7.83203C21.6459 7.83203 20.1428 9.33508 20.1428 11.1892C20.1428 13.0433 21.6459 14.5463 23.5 14.5463Z" fill="black"/>
<path d="M39.1667 22.3806C39.1667 24.2347 37.6636 25.7377 35.8095 25.7377C33.9554 25.7377 32.4524 24.2347 32.4524 22.3806C32.4524 20.5265 33.9554 19.0234 35.8095 19.0234C37.6636 19.0234 39.1667 20.5265 39.1667 22.3806Z" fill="#E33F65"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.8095 24.37C36.9083 24.37 37.799 23.4793 37.799 22.3806C37.799 21.2819 36.9083 20.3912 35.8095 20.3912C34.7108 20.3912 33.8201 21.2819 33.8201 22.3806C33.8201 23.4793 34.7108 24.37 35.8095 24.37ZM35.8095 25.7377C37.6636 25.7377 39.1667 24.2347 39.1667 22.3806C39.1667 20.5265 37.6636 19.0234 35.8095 19.0234C33.9554 19.0234 32.4524 20.5265 32.4524 22.3806C32.4524 24.2347 33.9554 25.7377 35.8095 25.7377Z" fill="black"/>
<path d="M51.4762 11.1892C51.4762 13.0433 49.9732 14.5463 48.1191 14.5463C46.265 14.5463 44.762 13.0433 44.762 11.1892C44.762 9.33508 46.265 7.83203 48.1191 7.83203C49.9732 7.83203 51.4762 9.33508 51.4762 11.1892Z" fill="#60B7FE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M48.1191 13.1786C49.2178 13.1786 50.1085 12.2879 50.1085 11.1892C50.1085 10.0904 49.2178 9.19976 48.1191 9.19976C47.0204 9.19976 46.1297 10.0904 46.1297 11.1892C46.1297 12.2879 47.0204 13.1786 48.1191 13.1786ZM48.1191 14.5463C49.9732 14.5463 51.4762 13.0433 51.4762 11.1892C51.4762 9.33508 49.9732 7.83203 48.1191 7.83203C46.265 7.83203 44.762 9.33508 44.762 11.1892C44.762 13.0433 46.265 14.5463 48.1191 14.5463Z" fill="black"/>
<path d="M8.95239 34.8331C8.95239 34.7548 9.01065 34.6914 9.08251 34.6914H14.4175C14.4894 34.6914 14.5476 34.7548 14.5476 34.8331V45.7402C14.5476 45.8185 14.4894 45.8819 14.4175 45.8819H9.08251C9.01065 45.8819 8.95239 45.8185 8.95239 45.7402V34.8331Z" fill="#48CA9E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.42275 33.5703H14.0773C14.9551 33.5703 15.6667 34.3719 15.6667 35.3608V45.2084C15.6667 46.1973 14.9551 46.9989 14.0773 46.9989H9.42275C8.54496 46.9989 7.83337 46.1973 7.83337 45.2084V35.3608C7.83337 34.3719 8.54496 33.5703 9.42275 33.5703ZM9.42275 35.2329C9.36005 35.2329 9.30922 35.2902 9.30922 35.3608V45.2084C9.30922 45.279 9.36005 45.3363 9.42275 45.3363H14.0773C14.14 45.3363 14.1909 45.279 14.1909 45.2084V35.3608C14.1909 35.2902 14.14 35.2329 14.0773 35.2329H9.42275Z" fill="black"/>
<path d="M20.1428 22.5244C20.1428 22.4462 20.2127 22.3828 20.299 22.3828H26.701C26.7872 22.3828 26.8571 22.4462 26.8571 22.5244V45.7412C26.8571 45.8194 26.7872 45.8828 26.701 45.8828H20.299C20.2127 45.8828 20.1428 45.8194 20.1428 45.7412V22.5244Z" fill="#FFBF31"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.8402 21.2617H26.1598C27.1629 21.2617 27.9762 22.102 27.9762 23.1385V45.1231C27.9762 46.1596 27.163 46.9998 26.1598 46.9998H20.8402C19.837 46.9998 19.0238 46.1596 19.0238 45.1231V23.1385C19.0238 22.102 19.837 21.2617 20.8402 21.2617ZM20.8402 23.0044C20.7686 23.0044 20.7105 23.0644 20.7105 23.1385V45.1231C20.7105 45.1971 20.7686 45.2571 20.8402 45.2571H26.1598C26.2314 45.2571 26.2895 45.1971 26.2895 45.1231V23.1385C26.2895 23.0644 26.2314 23.0044 26.1598 23.0044H20.8402Z" fill="black"/>
<path d="M32.4524 31.4805C32.4524 31.3985 32.5223 31.332 32.6085 31.332H39.0105C39.0968 31.332 39.1667 31.3985 39.1667 31.4805V45.7312C39.1667 45.8132 39.0968 45.8796 39.0105 45.8796H32.6085C32.5223 45.8796 32.4524 45.8132 32.4524 45.7312V31.4805Z" fill="#E33F65"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M33.1498 30.2148H38.4693C39.4725 30.2148 40.2858 31.0633 40.2858 32.11V45.1054C40.2858 46.1521 39.4725 47.0006 38.4693 47.0006H33.1498C32.1466 47.0006 31.3334 46.1521 31.3334 45.1054V32.11C31.3334 31.0633 32.1466 30.2148 33.1498 30.2148ZM33.1498 31.9746C33.0781 31.9746 33.0201 32.0352 33.0201 32.11V45.1054C33.0201 45.1802 33.0781 45.2408 33.1498 45.2408H38.4693C38.541 45.2408 38.5991 45.1802 38.5991 45.1054V32.11C38.5991 32.0352 38.541 31.9746 38.4693 31.9746H33.1498Z" fill="black"/>
<path d="M44.762 20.2852C44.762 20.2075 44.8435 20.1445 44.9441 20.1445H52.4131C52.5137 20.1445 52.5953 20.2075 52.5953 20.2852V45.742C52.5953 45.8197 52.5137 45.8826 52.4131 45.8826H44.9441C44.8435 45.8826 44.762 45.8197 44.762 45.742V20.2852Z" fill="#60B7FE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M45.6863 19.0234H51.6708C52.7994 19.0234 53.7143 19.8625 53.7143 20.8974V45.1256C53.7143 46.1606 52.7994 46.9996 51.6708 46.9996H45.6863C44.5577 46.9996 43.6428 46.1606 43.6428 45.1256V20.8974C43.6428 19.8625 44.5577 19.0234 45.6863 19.0234ZM45.6863 20.7636C45.6057 20.7636 45.5403 20.8235 45.5403 20.8974V45.1256C45.5403 45.1996 45.6057 45.2595 45.6863 45.2595H51.6708C51.7514 45.2595 51.8167 45.1996 51.8167 45.1256V20.8974C51.8167 20.8235 51.7514 20.7636 51.6708 20.7636H45.6863Z" fill="black"/>
</svg>

Before

Width:  |  Height:  |  Size: 9.0 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

View File

@ -1,27 +1,21 @@
<svg viewBox="0 0 75 65" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.26465 15.4849V3.8736V2.21484H53.5801V15.4849H3.26465Z" fill="white"/>
<rect x="2" y="1.5" width="52.2917" height="52.2917" rx="3.5" fill="white" stroke="#020288" stroke-width="3"/>
<path d="M3.81763 15.4805L53.5802 15.4805" stroke="#020288" stroke-width="3" stroke-linecap="round"/>
<circle cx="9.34668" cy="8.84448" r="2.21167" fill="#FF7C50"/>
<circle cx="15.9817" cy="8.84448" r="2.21167" fill="#FEB019"/>
<circle cx="22.6167" cy="8.84448" r="2.21167" fill="#48CA9E"/>
<path d="M34.781 8.84375L46.9452 8.84375" stroke="#020288" stroke-width="3" stroke-linecap="round"/>
<path d="M14.8424 21.4313C14.7523 21.4507 14.5979 21.4957 14.4885 21.5279C13.2465 21.9655 12.4292 22.86 12.0817 24.1342C11.9851 24.501 11.9851 29.4819 12.0817 29.8487C12.4163 31.0778 13.1885 31.9337 14.3984 32.4099C14.9003 32.603 16.2002 32.603 16.7022 32.4099C17.8605 31.953 18.7229 30.9941 18.9931 29.8422C19.1283 29.2824 19.1283 24.6361 18.9931 24.1148C18.6778 22.8793 17.9185 22.0556 16.6121 21.5214C16.4126 21.4442 15.132 21.3799 14.8424 21.4313ZM16.3547 23.5292C16.7086 23.7545 16.8695 23.9411 17.024 24.3079C17.1527 24.6039 17.1591 24.7326 17.1527 26.9785C17.1462 29.5205 17.1462 29.5398 16.7987 30.0353C16.5284 30.4214 16.1037 30.6145 15.5503 30.608C15.0612 30.608 14.7652 30.4986 14.4498 30.1897C13.9736 29.7264 13.9736 29.7457 13.9543 27.0879C13.935 24.4559 13.9479 24.3272 14.3083 23.9025C14.6944 23.4585 15.0162 23.3233 15.6468 23.3491C16.0007 23.3619 16.1552 23.4005 16.3547 23.5292Z" fill="#020288"/>
<path d="M37.8163 21.4323C36.6965 21.6318 35.6154 22.5005 35.2164 23.5173C34.9333 24.2252 34.9204 24.386 34.9204 26.9795C34.9268 28.9036 34.9462 29.56 35.0169 29.856C35.3065 31.0594 36.2718 32.0697 37.5267 32.4687C37.8613 32.5781 39.0583 32.5781 39.3929 32.4687C40.3453 32.1663 41.2463 31.4262 41.6131 30.6476C41.9863 29.8496 41.9992 29.7273 41.9992 26.9859C41.9992 24.5984 41.9735 24.1479 41.7997 23.7232C41.3557 22.6292 40.7314 22.0243 39.5216 21.5224C39.3286 21.4451 38.1187 21.3808 37.8163 21.4323ZM39.2771 23.5366C39.6053 23.7425 39.8627 24.0578 39.9785 24.3925C40.1072 24.7657 40.1072 29.264 39.9785 29.5729C39.8176 29.959 39.5152 30.3065 39.2063 30.4674C38.8266 30.6604 38.1638 30.6862 37.8098 30.5188C37.4881 30.3644 37.1534 30.0169 36.9926 29.6694C36.8574 29.3862 36.851 29.3026 36.851 26.9988C36.851 24.74 36.8574 24.6048 36.9861 24.3088C37.1341 23.9549 37.3015 23.7554 37.6297 23.5495C37.9385 23.35 38.0351 23.3307 38.5563 23.35C38.9103 23.3628 39.0647 23.4015 39.2771 23.5366Z" fill="#020288"/>
<path d="M5.84585 21.7547C5.35677 22.1408 5.30528 22.72 5.73001 23.1898C5.9295 23.4086 6.12256 23.4729 6.76609 23.5115L7.34526 23.5502L7.36457 27.6623L7.37744 31.7744L7.54475 31.9932C7.92443 32.4952 8.5937 32.5466 9.01199 32.109C9.30801 31.7873 9.30801 31.8388 9.30801 26.9737C9.30801 21.8963 9.32088 22.0765 8.90259 21.7547C8.68379 21.5874 8.68379 21.5874 7.371 21.5874H6.05821L5.84585 21.7547Z" fill="#020288"/>
<path d="M22.2365 21.7366C21.8117 22.0198 21.6895 22.5282 21.9404 22.9658C22.1528 23.339 22.4746 23.4806 23.1631 23.5063L23.723 23.5321L23.7294 27.6249C23.7294 31.4088 23.7423 31.737 23.8453 31.9172C24.1477 32.4385 24.8749 32.5672 25.3061 32.1682C25.3511 32.1296 25.4476 32.0009 25.5184 31.8786C25.6536 31.6598 25.6536 31.5955 25.6536 27.02C25.6536 21.8911 25.6664 22.0777 25.2482 21.756C25.0294 21.5886 25.0229 21.5886 23.7423 21.5886C22.5067 21.5886 22.4488 21.5951 22.2365 21.7366Z" fill="#020288"/>
<path d="M28.7554 21.7563C28.5366 21.9301 28.3564 22.2776 28.3564 22.5221C28.3564 22.7216 28.5173 23.082 28.6589 23.2107C28.8648 23.3973 29.3153 23.5196 29.8108 23.5196H30.287V27.6188C30.287 31.6023 30.2935 31.731 30.4157 31.9369C30.8147 32.5869 31.7607 32.5354 32.0889 31.8404C32.2176 31.5701 32.2176 31.4607 32.2176 26.9496C32.2112 21.8078 32.2305 22.0459 31.7736 21.737C31.5612 21.5954 31.5033 21.589 30.2613 21.589C28.9678 21.589 28.9678 21.589 28.7554 21.7563Z" fill="#020288"/>
<path d="M45.1782 21.7111C44.9144 21.872 44.6763 22.361 44.7278 22.6313C44.8436 23.2234 45.2297 23.4743 46.0727 23.5065L46.6326 23.5323V27.58C46.6326 31.7758 46.6326 31.808 46.9029 32.104C47.2568 32.4966 47.939 32.4966 48.2929 32.104C48.5632 31.8016 48.5632 31.808 48.5632 26.9558C48.5632 21.8076 48.5825 22.0779 48.1578 21.7561C47.939 21.5888 47.9325 21.5888 46.6583 21.5888C45.5129 21.5888 45.3584 21.6017 45.1782 21.7111Z" fill="#020288"/>
<path d="M15.3571 35.8697C14.2889 36.0756 13.2979 36.8672 12.8217 37.8904C12.5385 38.5146 12.5256 38.6176 12.5256 41.4169C12.5256 43.9588 12.5321 44.1133 12.6608 44.5058C13.0919 45.8315 14.1151 46.726 15.473 46.9834C16.567 47.1893 17.7253 46.8161 18.549 45.9924C19.0124 45.529 19.3534 44.9112 19.5079 44.2742C19.6366 43.7272 19.643 39.1066 19.5079 38.5597C19.3599 37.9419 19.0381 37.3691 18.5426 36.8672C18.1179 36.4425 17.7897 36.2365 17.0689 35.9469C16.8308 35.8504 15.7304 35.7989 15.3571 35.8697ZM16.7407 37.9161C17.0754 38.0834 17.41 38.4631 17.5451 38.8171C17.6674 39.1388 17.6738 39.3254 17.6738 41.3912C17.6738 42.9163 17.6481 43.7014 17.5966 43.8816C17.4808 44.2806 17.1912 44.6667 16.8501 44.8662C16.5863 45.0206 16.4833 45.0464 16.0329 45.0464C15.5888 45.04 15.4794 45.0206 15.2542 44.8726C14.9131 44.6538 14.6235 44.2999 14.527 43.991C14.482 43.8237 14.4562 42.9678 14.4562 41.3912C14.4562 38.8171 14.4626 38.7591 14.8616 38.2829C15.0483 38.0641 15.4859 37.826 15.7754 37.7874C16.065 37.7488 16.5219 37.8132 16.7407 37.9161Z" fill="#020288"/>
<path d="M24.7526 35.8685C23.5235 36.0808 22.4166 37.0075 22.0176 38.1594C21.8181 38.7257 21.7988 39.0539 21.7988 41.4414C21.7988 44.0734 21.8181 44.2794 22.1399 44.9872C22.7641 46.3515 24.3729 47.2331 25.808 47.0079C27.2495 46.7762 28.3628 45.8238 28.7746 44.4595C28.9098 44.0026 28.9162 38.8866 28.7746 38.4361C28.4271 37.2714 27.6099 36.4026 26.5159 36.0165C26.0911 35.862 25.2095 35.7913 24.7526 35.8685ZM26.1426 37.9664C26.2906 38.0565 26.4901 38.2173 26.5802 38.3267C26.9342 38.745 26.9406 38.7836 26.9406 41.4092C26.9406 44.1056 26.9406 44.0863 26.5159 44.5625C26.2263 44.8843 25.9753 45.0065 25.5248 45.058C24.8234 45.1288 24.2378 44.807 23.9289 44.1764L23.7551 43.8225L23.7358 41.5572C23.7165 39.6074 23.7294 39.247 23.8259 38.9317C23.9868 38.3718 24.4244 37.9406 24.9778 37.7991C25.2932 37.7154 25.853 37.7926 26.1426 37.9664Z" fill="#020288"/>
<path d="M5.9103 36.1323C5.46627 36.4026 5.32469 36.956 5.5821 37.4194C5.79446 37.7926 6.02613 37.8956 6.73401 37.9342L7.34536 37.9664L7.37754 42.1171C7.40328 45.3798 7.42902 46.3 7.49337 46.4159C7.73148 46.8342 8.49727 46.9564 8.90269 46.6475C9.32099 46.3258 9.30812 46.506 9.30812 41.4285C9.30812 36.5635 9.30812 36.615 9.01209 36.2932C8.75468 36.0229 8.64528 36.0036 7.36467 36.0036C6.2385 36.0036 6.10336 36.0165 5.9103 36.1323Z" fill="#020288"/>
<path d="M31.8444 36.1017C31.3553 36.3655 31.188 36.9447 31.4518 37.4209C31.6577 37.7877 31.8959 37.8971 32.6037 37.9358L33.2151 37.9679L33.2473 42.0865C33.2794 45.864 33.2859 46.2244 33.3953 46.411C33.5433 46.6877 33.8071 46.8164 34.219 46.8164C34.4764 46.8164 34.6051 46.7778 34.7724 46.6491C35.1907 46.3273 35.1778 46.5075 35.1778 41.4365C35.1778 36.9512 35.1778 36.8353 35.0491 36.565C34.959 36.3784 34.8303 36.2368 34.6694 36.1467C34.4378 36.0116 34.3412 36.0052 33.2086 36.0116C32.3528 36.018 31.9473 36.0438 31.8444 36.1017Z" fill="#020288"/>
<path d="M38.6849 36.124C38.2409 36.3943 38.08 36.7868 38.2345 37.2244C38.4275 37.7779 38.7171 37.9323 39.5279 37.9323H40.0685V41.9801C40.0685 46.4461 40.0556 46.3303 40.4739 46.6456C40.7828 46.8837 41.2848 46.8837 41.5937 46.6456C42.0184 46.3239 41.9991 46.5942 41.9991 41.3945C41.9991 36.7997 41.9927 36.671 41.8704 36.4651C41.613 36.0403 41.465 36.0017 40.1007 36.0017C39.0196 36.0017 38.8522 36.0146 38.6849 36.124Z" fill="#020288"/>
<path d="M45.2039 36.1433C45.043 36.2334 44.9143 36.3814 44.8242 36.5745C44.7019 36.8383 44.6955 36.9027 44.7598 37.1601C44.9143 37.7264 45.2682 37.9323 46.0919 37.9323H46.6325V42.0187C46.6325 46.5298 46.6132 46.3239 47.0379 46.6456C47.3468 46.8837 47.8488 46.8837 48.1577 46.6456C48.5824 46.3239 48.5631 46.5942 48.5631 41.446C48.5631 36.5938 48.5631 36.6002 48.2928 36.2977C48.0483 36.0275 47.8938 36.0017 46.6389 36.0017C45.5321 36.0017 45.4227 36.0146 45.2039 36.1433Z" fill="#020288"/>
<path d="M54.7744 44.8203L70.5 60.5459" stroke="#C7CFE1" stroke-width="3" stroke-linecap="round"/>
<circle cx="45.2965" cy="35.7965" r="10" stroke="#020288" stroke-width="11.5929"/>
<circle cx="45" cy="35.5" r="10.5" fill="white"/>
<circle cx="45" cy="35.5" r="10.5" stroke="#4CAF50"/>
<path d="M39.4185 35.9557L42.7095 39.0268L49.9967 32.2266" stroke="#4CAF50" stroke-width="2" stroke-linecap="round"/>
<path d="M63.5 54L70.5125 61.013" stroke="#020288" stroke-width="7" stroke-linecap="round"/>
<svg viewBox="0 0 59 55" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.44043 47.007V41.9612C0.44043 41.165 1.12008 40.5195 1.95848 40.5195H48.2589C49.0973 40.5195 49.7769 41.165 49.7769 41.9612V47.007C49.7769 47.8032 49.0973 48.4486 48.2589 48.4486H1.95848C1.12008 48.4486 0.44043 47.8032 0.44043 47.007Z" fill="#72D8FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.6405 10.9833H4.57957C3.35696 10.9833 2.36584 11.9744 2.36584 13.197V44.4384C2.36584 45.661 3.35696 46.6521 4.57957 46.6521H46.6405C47.8632 46.6521 48.8543 45.661 48.8543 44.4384V13.197C48.8543 11.9744 47.8632 10.9833 46.6405 10.9833ZM4.57957 8.76953C2.13435 8.76953 0.1521 10.7518 0.1521 13.197V44.4384C0.1521 46.8836 2.13435 48.8658 4.57957 48.8658H46.6405C49.0858 48.8658 51.068 46.8836 51.068 44.4384V13.197C51.068 10.7518 49.0858 8.76953 46.6405 8.76953H4.57957Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 39.6381C0 39.0268 0.495562 38.5312 1.10687 38.5312H50.1134C50.7247 38.5312 51.2203 39.0268 51.2203 39.6381C51.2203 40.2494 50.7247 40.745 50.1134 40.745H1.10687C0.495562 40.745 0 40.2494 0 39.6381Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.42456 19.1811C6.42456 18.5698 6.92012 18.0742 7.53143 18.0742L20.0759 18.0742C20.6872 18.0742 21.1828 18.5698 21.1828 19.1811C21.1828 19.7924 20.6872 20.288 20.0759 20.288L7.53143 20.288C6.92012 20.288 6.42456 19.7924 6.42456 19.1811Z" fill="#292929"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.42456 25.0873C6.42456 24.476 6.92012 23.9805 7.53143 23.9805L17.1243 23.9805C17.7356 23.9805 18.2312 24.476 18.2312 25.0873C18.2312 25.6986 17.7356 26.1942 17.1243 26.1942L7.53143 26.1942C6.92012 26.1942 6.42456 25.6986 6.42456 25.0873Z" fill="#292929"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.42456 30.2514C6.42456 29.6401 6.92012 29.1445 7.53143 29.1445L17.1243 29.1445C17.7356 29.1445 18.2312 29.6401 18.2312 30.2514C18.2312 30.8627 17.7356 31.3583 17.1243 31.3583L7.53143 31.3583C6.92012 31.3583 6.42456 30.8627 6.42456 30.2514Z" fill="#292929"/>
<path d="M23.0277 29.8803C23.0277 30.4916 22.5321 30.9872 21.9208 30.9872C21.3095 30.9872 20.814 30.4916 20.814 29.8803C20.814 29.269 21.3095 28.7734 21.9208 28.7734C22.5321 28.7734 23.0277 29.269 23.0277 29.8803Z" fill="#292929"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6836 53.3217C13.6836 52.7104 14.1792 52.2148 14.7905 52.2148H36.4297C37.041 52.2148 37.5366 52.7104 37.5366 53.3217C37.5366 53.933 37.041 54.4286 36.4297 54.4286H14.7905C14.1792 54.4286 13.6836 53.933 13.6836 53.3217Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.9575 43.7748C21.9575 43.1635 22.4531 42.668 23.0644 42.668H28.156C28.7673 42.668 29.2628 43.1635 29.2628 43.7748C29.2628 44.3861 28.7673 44.8817 28.156 44.8817H23.0644C22.4531 44.8817 21.9575 44.3861 21.9575 43.7748Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.7154 46.5445C30.2953 46.3512 30.9221 46.6646 31.1154 47.2446L33.0248 52.9726C33.2181 53.5525 32.9047 54.1794 32.3247 54.3727C31.7448 54.566 31.118 54.2526 30.9247 53.6726L29.0153 47.9446C28.822 47.3647 29.1354 46.7378 29.7154 46.5445Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.5051 46.5445C20.9252 46.3512 20.2983 46.6646 20.105 47.2446L18.1957 52.9726C18.0024 53.5525 18.3158 54.1794 18.8957 54.3727C19.4757 54.566 20.1025 54.2526 20.2958 53.6726L22.2052 47.9446C22.3985 47.3647 22.085 46.7378 21.5051 46.5445Z" fill="black"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M34.4653 15.1641C37.0878 12.5408 50.2843 25.7453 51.7308 27.1918L57.9152 33.3767C59.3617 34.8232 59.3616 37.1685 57.915 38.615C56.4684 40.0614 54.1232 40.0614 52.6767 38.6148L46.4923 32.43C45.0458 30.9834 31.5519 18.0775 34.4653 15.1641Z" fill="#FF5D5D"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.6942 17.5119C36.792 17.5616 36.8948 17.6159 37.0029 17.6751C38.4414 18.4626 40.2512 19.8029 42.1269 21.3566C45.8446 24.436 49.4389 28.0306 50.1637 28.7555L56.3498 34.942C56.9318 35.524 56.9317 36.4676 56.3497 37.0496C55.7677 37.6315 54.8241 37.6315 54.2421 37.0495L48.0577 30.8647C47.9641 30.771 47.8269 30.636 47.6525 30.4644C46.4075 29.239 43.2657 26.1469 40.5341 22.9174C38.965 21.0625 37.6292 19.2745 36.8643 17.8439C36.8018 17.727 36.7453 17.6164 36.6942 17.5119ZM51.725 27.186C50.2495 25.7105 37.0843 12.5443 34.4653 15.1641C31.7268 17.9026 43.485 29.47 46.1077 32.0502C46.2752 32.215 46.4055 32.3431 46.4923 32.43L52.6767 38.6148C54.1232 40.0614 56.4684 40.0614 57.915 38.615C59.3616 37.1685 59.3617 34.8232 57.9152 33.3767L51.725 27.186Z" fill="black"/>
<path d="M42.9511 13.2839C42.9511 18.9894 38.3258 23.6147 32.6203 23.6147C26.9148 23.6147 22.2896 18.9894 22.2896 13.2839C22.2896 7.57837 26.9148 2.95312 32.6203 2.95312C38.3258 2.95312 42.9511 7.57837 42.9511 13.2839Z" fill="#72D8FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6205 26.5648C39.9562 26.5648 45.903 20.6181 45.903 13.2824C45.903 5.94674 39.9562 0 32.6205 0C25.2849 0 19.3381 5.94674 19.3381 13.2824C19.3381 20.6181 25.2849 26.5648 32.6205 26.5648Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6205 24.3511C38.7336 24.3511 43.6892 19.3955 43.6892 13.2824C43.6892 7.16935 38.7336 2.21374 32.6205 2.21374C26.5075 2.21374 21.5519 7.16935 21.5519 13.2824C21.5519 19.3955 26.5075 24.3511 32.6205 24.3511ZM45.903 13.2824C45.903 20.6181 39.9562 26.5648 32.6205 26.5648C25.2849 26.5648 19.3381 20.6181 19.3381 13.2824C19.3381 5.94674 25.2849 0 32.6205 0C39.9562 0 45.903 5.94674 45.903 13.2824Z" fill="#292929"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6206 22.1357C37.511 22.1357 41.4755 18.1712 41.4755 13.2807C41.4755 8.39027 37.511 4.42578 32.6206 4.42578C27.7301 4.42578 23.7656 8.39027 23.7656 13.2807C23.7656 18.1712 27.7301 22.1357 32.6206 22.1357Z" fill="#72D8FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6206 19.9219C36.2884 19.9219 39.2618 16.9486 39.2618 13.2807C39.2618 9.61289 36.2884 6.63952 32.6206 6.63952C28.9527 6.63952 25.9794 9.61289 25.9794 13.2807C25.9794 16.9486 28.9527 19.9219 32.6206 19.9219ZM41.4755 13.2807C41.4755 18.1712 37.511 22.1357 32.6206 22.1357C27.7301 22.1357 23.7656 18.1712 23.7656 13.2807C23.7656 8.39027 27.7301 4.42578 32.6206 4.42578C37.511 4.42578 41.4755 8.39027 41.4755 13.2807Z" fill="#292929"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.7912 10.6239C37.1511 10.9947 37.1302 11.5758 36.7445 11.9219L30.2922 17.7111L27.0208 14.776C26.6351 14.4299 26.6142 13.8488 26.9741 13.4779C27.3341 13.1071 27.9385 13.087 28.3242 13.4331L30.2922 15.1988L35.4411 10.579C35.8268 10.2329 36.4313 10.253 36.7912 10.6239Z" fill="#292929"/>
</svg>

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 6.5 KiB

View File

@ -1,9 +1,17 @@
<svg viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M84.5 92L75 78.5M75 78.5L64.8864 90.3724C64.3363 91.0182 63.2826 90.7288 63.1395 89.8926L57.3399 55.987C57.2005 55.1719 58.0544 54.5495 58.7877 54.9316L90.4334 71.423C91.2127 71.8292 91.1268 72.9708 90.2956 73.2558L75 78.5Z" stroke="currentColor" stroke-width="6" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M49.4878 92H21C13.8203 92 8 86.1797 8 79V21C8 13.8203 13.8203 8 21 8H79C86.1797 8 92 13.8203 92 21V54.6098" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
<path d="M8 32.5L91.9999 33.0185" stroke="currentColor" stroke-width="6" stroke-linecap="round"/>
<circle cx="28.5" cy="56.5" r="10.5" stroke="currentColor" stroke-width="5"/>
<circle cx="20.5" cy="20.5" r="2.5" fill="currentColor"/>
<circle cx="29.5" cy="20.5" r="2.5" fill="currentColor"/>
<circle cx="38.5" cy="20.5" r="2.5" fill="currentColor"/>
<svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="1" y="1" width="15" height="14" rx="1" stroke="currentColor" stroke-width="0.8"/>
<path d="M1 5H16" stroke="currentColor" stroke-width="0.8"/>
<circle cx="2.5" cy="3.5" r="0.5" fill="currentColor"/>
<circle cx="2.5" cy="7.5" r="0.5" fill="currentColor"/>
<circle cx="2.5" cy="9.5" r="0.5" fill="currentColor"/>
<circle cx="2.5" cy="11.5" r="0.5" fill="currentColor"/>
<circle cx="4.5" cy="3.5" r="0.5" fill="currentColor"/>
<circle cx="14.5" cy="3.5" r="0.5" fill="currentColor"/>
<rect x="6" y="8" width="2" height="2" rx="0.2" stroke="currentColor" stroke-width="0.5"/>
<rect x="6" y="11" width="2" height="2" rx="0.2" stroke="currentColor" stroke-width="0.5"/>
<rect x="9" y="11" width="2" height="2" rx="0.2" stroke="currentColor" stroke-width="0.5"/>
<rect x="12" y="11" width="2" height="2" rx="0.2" stroke="currentColor" stroke-width="0.5"/>
<rect x="9" y="8" width="2" height="2" rx="0.2" stroke="currentColor" stroke-width="0.5"/>
<rect x="12" y="8" width="2" height="2" rx="0.2" stroke="currentColor" stroke-width="0.5"/>
<path d="M4 5V15" stroke="currentColor" stroke-width="0.8"/>
</svg>

Before

Width:  |  Height:  |  Size: 935 B

After

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -38,4 +38,54 @@
.page-layout-v1-center {
padding: 0;
}
// **** Lazy Logs ****
.lazy-log-container {
.react-lazylog-searchbar {
position: absolute;
z-index: 9;
top: -30px;
background: unset;
padding: unset;
.react-lazylog-searchbar-input {
height: 30px;
border-radius: 4px;
background: unset;
color: @text-color;
}
}
.react-lazylog-searchbar-filter,
.react-lazylog-searchbar-matches {
display: none;
}
}
// **** Stats ****
.request-badge {
&.success {
.ant-badge-count {
background-color: @green-3;
color: @text-color;
}
}
&.failed {
.ant-badge-count {
background-color: @red-3;
color: @text-color;
}
}
&.running {
.ant-badge-count {
background-color: @primary-color;
}
}
}
}
.update-schedule-modal {
.ant-modal-body {
overflow-y: auto;
}
}

View File

@ -14,7 +14,14 @@ import { Button, Col, Row } from 'antd';
import { ColumnsType } from 'antd/lib/table';
import { AxiosError } from 'axios';
import { capitalize } from 'lodash';
import React, { useCallback, useEffect, useMemo, useState } from 'react';
import React, {
forwardRef,
useCallback,
useEffect,
useImperativeHandle,
useMemo,
useState,
} from 'react';
import { useTranslation } from 'react-i18next';
import { useParams } from 'react-router-dom';
import { Status } from '../../../generated/entity/applications/appRunRecord';
@ -31,163 +38,176 @@ import StatusBadge from '../../common/StatusBadge/StatusBadge.component';
import { StatusType } from '../../common/StatusBadge/StatusBadge.interface';
import Table from '../../common/Table/Table';
import AppLogsViewer from '../AppLogsViewer/AppLogsViewer.component';
import { AppRunRecordWithId } from './AppRunsHistory.interface';
import {
AppRunRecordWithId,
AppRunsHistoryProps,
} from './AppRunsHistory.interface';
const AppRunsHistory = () => {
const { t } = useTranslation();
const { fqn } = useParams<{ fqn: string }>();
const [isLoading, setIsLoading] = useState(true);
const [appRunsHistoryData, setAppRunsHistoryData] = useState<
AppRunRecordWithId[]
>([]);
const [expandedRowKeys, setExpandedRowKeys] = useState<string[]>([]);
const AppRunsHistory = forwardRef(
({ maxRecords, showPagination = true }: AppRunsHistoryProps, ref) => {
const { t } = useTranslation();
const { fqn } = useParams<{ fqn: string }>();
const [isLoading, setIsLoading] = useState(true);
const [appRunsHistoryData, setAppRunsHistoryData] = useState<
AppRunRecordWithId[]
>([]);
const [expandedRowKeys, setExpandedRowKeys] = useState<string[]>([]);
const {
currentPage,
paging,
pageSize,
handlePagingChange,
handlePageChange,
handlePageSizeChange,
} = usePaging();
const {
currentPage,
paging,
pageSize,
handlePagingChange,
handlePageChange,
handlePageSizeChange,
} = usePaging();
const handleRowExpandable = useCallback(
(key?: string) => {
if (key) {
if (expandedRowKeys.includes(key)) {
setExpandedRowKeys((prev) => prev.filter((item) => item !== key));
} else {
setExpandedRowKeys((prev) => [...prev, key]);
const handleRowExpandable = useCallback(
(key?: string) => {
if (key) {
if (expandedRowKeys.includes(key)) {
setExpandedRowKeys((prev) => prev.filter((item) => item !== key));
} else {
setExpandedRowKeys((prev) => [...prev, key]);
}
}
}
},
[expandedRowKeys]
);
const tableColumn: ColumnsType<AppRunRecordWithId> = useMemo(
() => [
{
title: t('label.run-at'),
dataIndex: 'timestamp',
key: 'timestamp',
render: (_, record) => formatDateTime(record.timestamp),
},
{
title: t('label.run-type'),
dataIndex: 'runType',
key: 'runType',
},
{
title: t('label.status'),
dataIndex: 'status',
key: 'status',
render: (_, record: AppRunRecordWithId) => {
const status: StatusType = getStatusTypeForApplication(
record.status ?? Status.Failed
);
[expandedRowKeys]
);
return (
<StatusBadge
dataTestId={record.appId + '-status'}
label={capitalize(record.status)}
status={status}
/>
);
const tableColumn: ColumnsType<AppRunRecordWithId> = useMemo(
() => [
{
title: t('label.run-at'),
dataIndex: 'timestamp',
key: 'timestamp',
render: (_, record) => formatDateTime(record.timestamp),
},
{
title: t('label.run-type'),
dataIndex: 'runType',
key: 'runType',
},
{
title: t('label.status'),
dataIndex: 'status',
key: 'status',
render: (_, record: AppRunRecordWithId) => {
const status: StatusType = getStatusTypeForApplication(
record.status ?? Status.Failed
);
return (
<StatusBadge
dataTestId={record.appId + '-status'}
label={capitalize(record.status)}
status={status}
/>
);
},
},
{
title: t('label.action-plural'),
dataIndex: 'actions',
key: 'actions',
render: (_, record) => (
<Button
className="p-0"
data-testid="logs"
size="small"
type="link"
onClick={() => handleRowExpandable(record.id)}>
{t('label.log-plural')}
</Button>
),
},
],
[formatDateTime, handleRowExpandable, getStatusTypeForApplication]
);
const fetchAppHistory = useCallback(
async (pagingOffset?: Paging) => {
try {
setIsLoading(true);
const { data, paging } = await getApplicationRuns(fqn, {
offset: pagingOffset?.offset ?? 0,
limit: maxRecords ?? pageSize,
});
setAppRunsHistoryData(
data.map((item) => ({
...item,
id: `${item.appId}-${item.runType}-${item.timestamp}`,
}))
);
handlePagingChange(paging);
} catch (err) {
showErrorToast(err as AxiosError);
} finally {
setIsLoading(false);
}
},
{
title: t('label.action-plural'),
dataIndex: 'actions',
key: 'actions',
render: (_, record) => (
<Button
className="p-0"
data-testid="logs"
[fqn, pageSize, maxRecords]
);
const handleAppHistoryPageChange = ({
currentPage,
}: PagingHandlerParams) => {
handlePageChange(currentPage);
fetchAppHistory({
offset: currentPage * pageSize,
} as Paging);
};
useImperativeHandle(ref, () => ({
refreshAppHistory() {
fetchAppHistory();
},
}));
useEffect(() => {
fetchAppHistory();
}, [fqn]);
return (
<Row>
<Col span={24}>
<Table
bordered
columns={tableColumn}
data-testid="app-run-history-table"
dataSource={appRunsHistoryData}
expandable={{
expandedRowRender: (record) => <AppLogsViewer data={record} />,
showExpandColumn: false,
expandedRowKeys,
}}
loading={isLoading}
locale={{
emptyText: <ErrorPlaceHolder className="m-y-md" />,
}}
pagination={false}
rowKey="id"
size="small"
type="link"
onClick={() => handleRowExpandable(record.id)}>
{t('label.log-plural')}
</Button>
),
},
],
[formatDateTime, handleRowExpandable, getStatusTypeForApplication]
);
const fetchAppHistory = useCallback(
async (pagingOffset?: Paging) => {
try {
setIsLoading(true);
const { data, paging } = await getApplicationRuns(fqn, {
offset: pagingOffset?.offset ?? 0,
limit: pageSize,
});
setAppRunsHistoryData(
data.map((item) => ({
...item,
id: `${item.appId}-${item.runType}-${item.timestamp}`,
}))
);
handlePagingChange(paging);
} catch (err) {
showErrorToast(err as AxiosError);
} finally {
setIsLoading(false);
}
},
[fqn, pageSize]
);
const handleAppHistoryPageChange = ({ currentPage }: PagingHandlerParams) => {
handlePageChange(currentPage);
fetchAppHistory({
offset: currentPage * pageSize,
} as Paging);
};
useEffect(() => {
fetchAppHistory();
}, [fqn]);
return (
<Row>
<Col span={24}>
<Table
bordered
columns={tableColumn}
data-testid="app-run-history-table"
dataSource={appRunsHistoryData}
expandable={{
expandedRowRender: (record) => <AppLogsViewer data={record} />,
showExpandColumn: false,
expandedRowKeys,
}}
loading={isLoading}
locale={{
emptyText: <ErrorPlaceHolder className="m-y-md" />,
}}
pagination={false}
rowKey="id"
size="small"
/>
</Col>
<Col span={20}>
{paging.total > pageSize && (
<div className="p-y-md">
<NextPrevious
isNumberBased
currentPage={currentPage}
pageSize={pageSize}
paging={paging}
pagingHandler={handleAppHistoryPageChange}
onShowSizeChange={handlePageSizeChange}
/>
</div>
)}
</Col>
</Row>
);
};
/>
</Col>
<Col span={20}>
{paging.total > pageSize && showPagination && (
<div className="p-y-md">
<NextPrevious
isNumberBased
currentPage={currentPage}
pageSize={pageSize}
paging={paging}
pagingHandler={handleAppHistoryPageChange}
onShowSizeChange={handlePageSizeChange}
/>
</div>
)}
</Col>
</Row>
);
}
);
export default AppRunsHistory;

View File

@ -16,3 +16,12 @@ import { AppRunRecord } from '../../../generated/entity/applications/appRunRecor
export interface AppRunRecordWithId extends AppRunRecord {
id: string;
}
export interface AppRunsHistoryRef {
refreshAppHistory: () => void;
}
export interface AppRunsHistoryProps {
maxRecords?: number;
showPagination?: boolean;
}

View File

@ -10,23 +10,26 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { Button, Col, Divider, Row, Space, Typography } from 'antd';
import { Button, Col, Divider, Modal, Row, Space, Typography } from 'antd';
import cronstrue from 'cronstrue';
import React, { useMemo } from 'react';
import React, { useMemo, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { AppScheduleClass } from '../../../generated/entity/applications/app';
import { PipelineType } from '../../../generated/entity/services/ingestionPipelines/ingestionPipeline';
import { getIngestionFrequency } from '../../../utils/CommonUtils';
import TestSuiteScheduler from '../../AddDataQualityTest/components/TestSuiteScheduler';
import AppRunsHistory from '../AppRunsHistory/AppRunsHistory.component';
import { AppRunsHistoryRef } from '../AppRunsHistory/AppRunsHistory.interface';
import { AppScheduleProps } from './AppScheduleProps.interface';
const AppSchedule = ({
appData,
onCancel,
onSave,
onDemandTrigger,
}: AppScheduleProps) => {
const { t } = useTranslation();
const [showModal, setShowModal] = useState(false);
const appRunsHistoryRef = useRef<AppRunsHistoryRef>(null);
const cronString = useMemo(() => {
if (appData.appSchedule) {
@ -41,53 +44,88 @@ const AppSchedule = ({
return '';
}, [appData]);
const onDialogCancel = () => {
setShowModal(false);
};
const onDialogSave = (cron: string) => {
onSave(cron);
setShowModal(false);
};
const onAppTrigger = async () => {
await onDemandTrigger();
appRunsHistoryRef.current?.refreshAppHistory();
};
return (
<Row>
<Col className="flex-col" flex="auto">
<div>
<Space size={8}>
<Typography.Text className="right-panel-label">
{t('label.schedule-type')}
</Typography.Text>
<Typography.Text className="font-medium">
{(appData.appSchedule as AppScheduleClass).scheduleType ?? ''}
</Typography.Text>
<>
<Row>
<Col className="flex-col" flex="auto">
<div>
<Space size={8}>
<Typography.Text className="right-panel-label">
{t('label.schedule-type')}
</Typography.Text>
<Typography.Text className="font-medium">
{(appData.appSchedule as AppScheduleClass).scheduleType ?? ''}
</Typography.Text>
</Space>
</div>
<div>
<Space size={8}>
<Typography.Text className="right-panel-label">
{t('label.schedule-interval')}
</Typography.Text>
<Typography.Text className="font-medium">
{cronString}
</Typography.Text>
</Space>
</div>
</Col>
<Col className="d-flex items-center justify-end" flex="200px">
<Space>
<Button
data-testid="edit-button"
type="primary"
onClick={() => setShowModal(true)}>
{t('label.edit')}
</Button>
<Button
data-testid="deploy-button"
type="primary"
onClick={onAppTrigger}>
{t('label.run-now')}
</Button>
</Space>
</div>
<div>
<Space size={8}>
<Typography.Text className="right-panel-label">
{t('label.schedule-interval')}
</Typography.Text>
<Typography.Text className="font-medium">
{cronString}
</Typography.Text>
</Space>
</div>
</Col>
<Col className="d-flex items-center justify-end" flex="200px">
<Button
data-testid="deploy-button"
type="primary"
onClick={onDemandTrigger}>
{t('label.run-on-demand')}
</Button>
</Col>
</Col>
<Divider />
<Divider />
<Col span={24}>
<Typography.Title level={5}>
{t('label.update-entity', { entity: t('label.schedule') })}
</Typography.Title>
<Col span={24}>
<AppRunsHistory
maxRecords={1}
ref={appRunsHistoryRef}
showPagination={false}
/>
</Col>
</Row>
<Modal
destroyOnClose
className="update-schedule-modal"
data-testid="update-schedule-modal"
footer={null}
maskClosable={false}
open={showModal}
title={t('label.update-entity', { entity: t('label.schedule') })}>
<TestSuiteScheduler
isQuartzCron
initialData={getIngestionFrequency(PipelineType.Application)}
onCancel={onCancel}
onSubmit={onSave}
onCancel={onDialogCancel}
onSubmit={onDialogSave}
/>
</Col>
</Row>
</Modal>
</>
);
};

View File

@ -837,7 +837,7 @@
"rule-plural": "Regeln",
"run": "Ausführen",
"run-at": "Run at",
"run-on-demand": "Run On Demand",
"run-now": "Run now",
"run-type": "Run Type",
"running": "In Ausführung",
"runs-for": "Läuft für",
@ -1372,6 +1372,7 @@
"no-ingestion-available": "Keine Eingabedaten verfügbar",
"no-ingestion-description": "Um Ingestion-Daten anzuzeigen, führen Sie die Metadaten-Ingestion aus. Bitte beziehen Sie sich auf dieses Dokument, um die <0>{{link}}</0> zu planen.",
"no-inherited-roles-found": "Keine vererbten Rollen gefunden",
"no-installed-applications-found": "No applications are currently installed. Click the 'Add Apps' button to install one.",
"no-kpi-available-add-new-one": "Keine KPIs verfügbar. Klicken Sie auf die Schaltfläche 'KPI hinzufügen', um einen hinzuzufügen.",
"no-kpi-found": "Kein KPI mit dem Namen {{name}} gefunden",
"no-match-found": "Keine Übereinstimmung gefunden",

View File

@ -837,7 +837,7 @@
"rule-plural": "Rules",
"run": "Run",
"run-at": "Run at",
"run-on-demand": "Run On Demand",
"run-now": "Run now",
"run-type": "Run Type",
"running": "Running",
"runs-for": "Runs for",
@ -1372,6 +1372,7 @@
"no-ingestion-available": "No ingestion data available",
"no-ingestion-description": "To view Ingestion Data, run the metadata ingestion. Please refer to this doc to schedule the <0>{{link}}</0>",
"no-inherited-roles-found": "No inherited roles found",
"no-installed-applications-found": "No applications are currently installed. Click the 'Add Apps' button to install one.",
"no-kpi-available-add-new-one": "No KPIs are available. Click on the Add KPI button to add one.",
"no-kpi-found": "No KPI found with name {{name}}",
"no-match-found": "No match found",

View File

@ -837,7 +837,7 @@
"rule-plural": "Rules",
"run": "Ejecutar",
"run-at": "Run at",
"run-on-demand": "Run On Demand",
"run-now": "Run now",
"run-type": "Run Type",
"running": "Running",
"runs-for": "Runs for",
@ -1372,6 +1372,7 @@
"no-ingestion-available": "No hay datos de ingesta disponibles",
"no-ingestion-description": "Para ver los datos, ejecuta la ingesta de metadatos. Consulta este documento para programar la <0>{{link}}</0>",
"no-inherited-roles-found": "No se encontraron roles heredados",
"no-installed-applications-found": "No applications are currently installed. Click the 'Add Apps' button to install one.",
"no-kpi-available-add-new-one": "No hay KPIs disponibles. Haz clic en el botón Agregar KPI para agregar uno.",
"no-kpi-found": "No se encontró KPI con el nombre {{name}}",
"no-match-found": "No se encontraron coincidencias",

View File

@ -837,7 +837,7 @@
"rule-plural": "Règles",
"run": "Exécuter",
"run-at": "Run at",
"run-on-demand": "Run On Demand",
"run-now": "Run now",
"run-type": "Run Type",
"running": "En cours d'exécution",
"runs-for": "Exécutions pour",
@ -1372,6 +1372,7 @@
"no-ingestion-available": "Aucune donnée d'ingestion disponible",
"no-ingestion-description": "Pour afficher les données d'ingestion, exécutez l'ingestion de métadonnées. Vous pouvez consulter la documentation sur la manière de planifier <0>{{link}}</0>",
"no-inherited-roles-found": "Aucun rôle hérité trouvé",
"no-installed-applications-found": "No applications are currently installed. Click the 'Add Apps' button to install one.",
"no-kpi-available-add-new-one": "Aucun KPI n'est disponible, ajoutez un KPI en cliquant sur le bouton \"Ajouter un KPI\".",
"no-kpi-found": "Aucun KPI trouvé avec le nom {{name}}",
"no-match-found": "Aucune correspondance trouvée",

View File

@ -837,7 +837,7 @@
"rule-plural": "Rules",
"run": "実行",
"run-at": "Run at",
"run-on-demand": "Run On Demand",
"run-now": "Run now",
"run-type": "Run Type",
"running": "Running",
"runs-for": "Runs for",
@ -1372,6 +1372,7 @@
"no-ingestion-available": "利用可能なインジェスチョンデータはありません。",
"no-ingestion-description": "To view Ingestion Data, run the metadata ingestion. Please refer to this doc to schedule the <0>{{link}}</0>",
"no-inherited-roles-found": "継承されたロールは見つかりませんでした",
"no-installed-applications-found": "No applications are currently installed. Click the 'Add Apps' button to install one.",
"no-kpi-available-add-new-one": "No KPIs are available. Click on the Add KPI button to add one.",
"no-kpi-found": "No KPI found with name {{name}}",
"no-match-found": "一致するものはありませんでした",

View File

@ -837,7 +837,7 @@
"rule-plural": "Rules",
"run": "Executar",
"run-at": "Run at",
"run-on-demand": "Run On Demand",
"run-now": "Run now",
"run-type": "Run Type",
"running": "Running",
"runs-for": "Runs for",
@ -1372,6 +1372,7 @@
"no-ingestion-available": "Nenhum dado de ingestão disponível",
"no-ingestion-description": "Para visualizar os dados de ingestão, execute a ingestão de metadados. Consulte este documento para agendar a <0>{{link}}</0>",
"no-inherited-roles-found": "Nenhum papel herdado encontrado",
"no-installed-applications-found": "No applications are currently installed. Click the 'Add Apps' button to install one.",
"no-kpi-available-add-new-one": "Não há KPIs disponíveis. Clique no botão Adicionar KPI para adicionar um.",
"no-kpi-found": "Nenhum KPI encontrado com o nome {{name}}",
"no-match-found": "Nenhuma correspondência encontrada",

View File

@ -837,7 +837,7 @@
"rule-plural": "Правила",
"run": "Запустить",
"run-at": "Run at",
"run-on-demand": "Run On Demand",
"run-now": "Run now",
"run-type": "Run Type",
"running": "Запущено",
"runs-for": "Запущено для",
@ -1372,6 +1372,7 @@
"no-ingestion-available": "Нет доступных данных о получении",
"no-ingestion-description": "Чтобы просмотреть данные получения, запустите получение метаданных. Пожалуйста, обратитесь к этому документу, чтобы запланировать <0>{{link}}</0>",
"no-inherited-roles-found": "Унаследованные роли не найдены",
"no-installed-applications-found": "No applications are currently installed. Click the 'Add Apps' button to install one.",
"no-kpi-available-add-new-one": "Нет доступных KPI. Нажмите кнопку «Добавить KPI», чтобы добавить его.",
"no-kpi-found": "KPI с именем {{name}} не найден",
"no-match-found": "Совпадение не найдено",

View File

@ -837,7 +837,7 @@
"rule-plural": "规则",
"run": "运行",
"run-at": "Run at",
"run-on-demand": "Run On Demand",
"run-now": "Run now",
"run-type": "Run Type",
"running": "正在运行",
"runs-for": "运行时长",
@ -1372,6 +1372,7 @@
"no-ingestion-available": "没有可用的提取数据",
"no-ingestion-description": "要查看提取数据,请先运行元数据提取工作流!详情请参阅此文档 <0>{{link}}</0>",
"no-inherited-roles-found": "没有找到继承的角色",
"no-installed-applications-found": "No applications are currently installed. Click the 'Add Apps' button to install one.",
"no-kpi-available-add-new-one": "没有可用的 KPI请单击添加 KPI 按钮添加一个",
"no-kpi-found": "未找到名称为{{name}}的 KPI",
"no-match-found": "未找到匹配项",

View File

@ -10,19 +10,20 @@
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { Button, Col, Row } from 'antd';
import { Button, Card, Col, Row, Skeleton } from 'antd';
import { AxiosError } from 'axios';
import { uniqueId } from 'lodash';
import React, { useCallback, useEffect, useState } from 'react';
import { isEmpty, uniqueId } from 'lodash';
import React, { useCallback, useEffect, useMemo, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useHistory } from 'react-router-dom';
import ApplicationCard from '../../components/Applications/ApplicationCard/ApplicationCard.component';
import ErrorPlaceHolder from '../../components/common/error-with-placeholder/ErrorPlaceHolder';
import NextPrevious from '../../components/common/next-previous/NextPrevious';
import { PagingHandlerParams } from '../../components/common/next-previous/NextPrevious.interface';
import PageHeader from '../../components/header/PageHeader.component';
import Loader from '../../components/Loader/Loader';
import { ROUTES } from '../../constants/constants';
import { PAGE_HEADERS } from '../../constants/PageHeaders.constant';
import { ERROR_PLACEHOLDER_TYPE } from '../../enums/common.enum';
import { App } from '../../generated/entity/applications/app';
import { Paging } from '../../generated/type/paging';
import { usePaging } from '../../hooks/paging/usePaging';
@ -84,14 +85,23 @@ const ApplicationPage = () => {
history.push(ROUTES.MARKETPLACE);
};
const errorPlaceHolder = useMemo(
() => (
<Col className="mt-24 text-center" span={24}>
<ErrorPlaceHolder
heading={t('label.application-plural')}
type={ERROR_PLACEHOLDER_TYPE.CUSTOM}>
<div>{t('message.no-installed-applications-found')}</div>
</ErrorPlaceHolder>
</Col>
),
[]
);
useEffect(() => {
fetchApplicationList();
}, []);
if (isLoading) {
return <Loader />;
}
return (
<>
<Row gutter={[16, 16]}>
@ -110,32 +120,47 @@ const ApplicationPage = () => {
</Col>
</Row>
<Row className="m-t-lg">
<Col span={24}>
<div className="d-flex flex-wrap gap-3">
{applicationData?.map((item) => (
<ApplicationCard
appName={item.fullyQualifiedName ?? ''}
className="w-400"
description={item.description ?? ''}
key={uniqueId()}
linkTitle={t('label.configure')}
title={getEntityName(item)}
onClick={() => viewAppDetails(item)}
/>
))}
</div>
</Col>
<Col span={24}>
{showPagination(paging) && (
<NextPrevious
currentPage={currentPage}
pageSize={pageSize}
paging={paging}
pagingHandler={handleBotPageChange}
onShowSizeChange={handlePageSizeChange}
/>
)}
</Col>
{isLoading &&
[1, 2].map((key) => (
<Col key={key} span={12}>
<Card className="w-400">
<Skeleton active paragraph title />
</Card>
</Col>
))}
{isEmpty(applicationData) && !isLoading && errorPlaceHolder}
{!isLoading && (
<>
<Col span={24}>
<div className="d-flex flex-wrap gap-3">
{applicationData?.map((item) => (
<ApplicationCard
appName={item.fullyQualifiedName ?? ''}
className="w-400"
description={item.description ?? ''}
key={uniqueId()}
linkTitle={t('label.configure')}
title={getEntityName(item)}
onClick={() => viewAppDetails(item)}
/>
))}
</div>
</Col>
<Col span={24}>
{showPagination(paging) && (
<NextPrevious
currentPage={currentPage}
pageSize={pageSize}
paging={paging}
pagingHandler={handleBotPageChange}
onShowSizeChange={handlePageSizeChange}
/>
)}
</Col>
</>
)}
</Row>
</>
);

View File

@ -738,48 +738,3 @@ a[href].link-text-grey,
padding-left: 0.25rem;
padding-right: 0.25rem;
}
// **** Lazy Logs ****
.lazy-log-container {
.react-lazylog-searchbar {
position: absolute;
z-index: 9;
top: -45px;
background: unset;
padding: unset;
.react-lazylog-searchbar-input {
height: 30px;
border-radius: 4px;
background: unset;
color: @text-color;
}
}
.react-lazylog-searchbar-filter,
.react-lazylog-searchbar-matches {
display: none;
}
}
// **** Stats ****
.request-badge {
&.success {
.ant-badge-count {
background-color: @green-3;
color: @text-color;
}
}
&.failed {
.ant-badge-count {
background-color: @red-3;
color: @text-color;
}
}
&.running {
.ant-badge-count {
background-color: @primary-color;
}
}
}

View File

@ -52,19 +52,36 @@
},
"default": [
"table",
"topic",
"dashboard",
"topic",
"pipeline",
"mlmodel",
"searchIndex",
"user",
"team",
"glossaryTerm",
"mlmodel",
"tag",
"classification",
"query",
"container",
"database",
"databaseSchema",
"testCase",
"testSuite",
"chart",
"dashboardDataModel",
"databaseService",
"messagingService",
"dashboardService",
"pipelineService",
"mlmodelService",
"searchService",
"entityReportData",
"webAnalyticEntityViewReportData",
"webAnalyticUserActivityReportData",
"container",
"query"
"domain",
"storedProcedure",
"dataProduct"
],
"uniqueItems": true
},

View File

@ -19,6 +19,7 @@ import i18next from 'i18next';
import React, { ReactNode } from 'react';
import { ReactComponent as AdminIcon } from '../assets/svg/admin.svg';
import { ReactComponent as AllActivityIcon } from '../assets/svg/all-activity.svg';
import { ReactComponent as AppIcon } from '../assets/svg/application.svg';
import { ReactComponent as BotIcon } from '../assets/svg/bot-profile.svg';
import { ReactComponent as DashboardIcon } from '../assets/svg/dashboard-grey.svg';
import { ReactComponent as EmailSettingsIcon } from '../assets/svg/email-settings.svg';
@ -217,7 +218,7 @@ export const getGlobalSettingsMenuWithPermission = (
label: i18next.t('label.application-plural'),
isProtected: Boolean(isAdminUser),
key: 'integrations.apps',
icon: <TableIcon className="side-panel-icons" />,
icon: <AppIcon className="side-panel-icons" />,
},
{
label: i18next.t('label.bot-plural'),