fleet/frontend/components/graphics/EmptyHosts.tsx
Marko Lisica 8162d052bf
Icons improvements (making frontend consistent with Figma component library) (#14185)
# Checklist for submitter

If some of the following don't apply, delete the relevant line.

- [ ] Manual QA for all new/changed functionality

---------

Co-authored-by: Gabriel Hernandez <ghernandez345@gmail.com>
2023-10-31 16:06:38 +00:00

177 lines
14 KiB
TypeScript

import React from "react";
const EmptyHosts = () => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="176"
height="145"
fill="none"
>
<path
fill="#C9D5F3"
d="M87.762 144.553c48.47 0 87.762-1.854 87.762-4.14 0-2.286-39.292-4.14-87.762-4.14S0 138.127 0 140.413c0 2.286 39.292 4.14 87.762 4.14Z"
/>
<path
fill="#506E92"
d="M87.57 53.902s9.782-4.437 12.77-10.176c2.988-5.74.144 8.198-6.361 11.526"
/>
<path
fill="#E1E1FF"
d="M70.944 73.337c11.923 0 21.59-6.629 21.59-14.806s-9.667-14.805-21.59-14.805-21.589 6.628-21.589 14.805 9.666 14.806 21.589 14.806Z"
/>
<path
fill="#D2D2FF"
fillRule="evenodd"
d="M85.442 47.56c-6.28 6.553-21.222 2.63-28.424-.342 3.759-2.179 8.619-3.492 13.926-3.492 5.58 0 10.666 1.451 14.498 3.834Z"
clipRule="evenodd"
/>
<path
stroke="#CDCDF5"
strokeWidth={0.5}
d="M92.283 58.532c0 3.982-2.353 7.614-6.215 10.263-3.86 2.647-9.206 4.292-15.124 4.292-5.918 0-11.264-1.645-15.124-4.293-3.862-2.648-6.215-6.28-6.215-10.262 0-3.983 2.353-7.615 6.215-10.264 3.86-2.647 9.206-4.292 15.124-4.292 5.918 0 11.264 1.645 15.124 4.292 3.862 2.648 6.215 6.281 6.215 10.264Z"
/>
<path
fill="#F7F8FC"
d="M17.786 97.113s-.867 19.87-2.361 28.02c-1.494 8.15-2.361 14.95-2.361 14.95s-2.12 1.061 2.361 1.061c4.482 0 84.206-2.122 105.795 0 0 0 1.205.145 3.614 0 3.663-.193 22.842-3.231 22.842-3.231s-2.12-8.343-2.12-20.545c0-12.201-1.494-56.666-1.494-56.666l-20.722-1.254H22.075l-4.289 37.665Z"
/>
<path
stroke="#D3DAE4"
strokeWidth={0.5}
d="m13.176 140.307-.003.001-.014.007-.05.029a1.65 1.65 0 0 0-.154.103.65.65 0 0 0-.134.134.3.3 0 0 0 .025.019c.059.039.173.088.376.135.403.093 1.088.159 2.203.159.713 0 3.332-.053 7.32-.135 8.536-.176 23.346-.48 39.16-.66 23.184-.266 48.528-.266 59.339.796l.006.001-108.074-.589Zm0 0 .119-.06.017-.132-.248-.032.112.224Zm-.37.259.002.002"
/>
<path
fill="#E0E7F9"
d="M145.604 117.417c0-12.202-1.494-56.667-1.494-56.667l-20.336-1.254c-.048 8.343-.241 24.258-.819 32.264-.868 11.14-.193 26.525 0 32.939.193 6.414-.241 10.031-.434 11.767-.193 1.736-.53 4.292.916 4.775 3.855.241 24.287-3.28 24.287-3.28s-2.12-8.343-2.12-20.544Z"
/>
<path
stroke="#C8D1F2"
strokeWidth={0.5}
d="M123.204 91.78v-.002c.573-7.932.768-23.607.818-32.016l19.846 1.223.009.276.047 1.432c.041 1.24.1 3.024.17 5.203.14 4.36.326 10.299.513 16.62.374 12.642.747 26.804.747 32.901 0 6.115.531 11.263 1.063 14.884a77.03 77.03 0 0 0 .731 4.216c.1.489.183.864.242 1.118l.029.125-.622.106c-.566.095-1.379.232-2.366.395-1.975.326-4.649.759-7.442 1.183-2.794.425-5.707.842-8.161 1.138-2.434.293-4.392.464-5.342.411-.544-.199-.802-.799-.872-1.689-.066-.831.043-1.801.137-2.642a9.59 9.59 0 0 1 .019-.168l.019-.172c.201-1.804.603-5.405.416-11.631-.023-.741-.051-1.602-.083-2.562-.245-7.352-.684-20.51.082-30.349Z"
/>
<path
fill="#000"
d="m144.11 60.75-20.336-1.254-.385-.048H22.075l-4.048 35.591c14.264.483 49.606 3.231 75.87 2.074 17.107-.916 23.275-.916 23.275-.916l6.506-26.67s6.168 19.002 10.168 32.264c3.662-1.64 7.469-2.942 11.373-4.051-.434-16.88-1.109-36.99-1.109-36.99Z"
style={{
mixBlendMode: "soft-light",
}}
/>
<path
fill="#F7F8FC"
d="M22.075 59.497 4.968 91.567s63.05 2.557 104.108 0l14.746-32.07H22.075Z"
/>
<path
stroke="#D3DAE4"
strokeWidth={0.5}
d="m123.432 59.747-14.521 31.58c-20.495 1.269-46.439 1.268-67.282.95-10.446-.16-19.609-.4-26.16-.6-3.258-.1-6.516-.21-9.774-.331l-.319-.012 16.85-31.587h101.206Z"
/>
<path
fill="#E0E7F9"
d="m123.774 59.496 15.613 31.396s13.879-7.91 22.842-7.717c-4.722-5.787-8.336-10.03-10.264-12.828-1.928-2.797-7.903-9.645-7.903-9.645l-20.288-1.206Z"
/>
<path
stroke="#CBCFF2"
strokeWidth={0.5}
d="m139.882 90.333-.388.212-15.304-30.774 19.752 1.174.192.22.702.813c.59.686 1.397 1.628 2.263 2.658 1.737 2.064 3.704 4.466 4.66 5.853 1.461 2.12 3.885 5.065 7.013 8.866.978 1.188 1.955 2.377 2.929 3.568-4.451.056-9.938 1.93-14.352 3.808a90.645 90.645 0 0 0-7.467 3.602Z"
/>
<path
fill="#E1E1FF"
d="M50.207 18.057s-.277-3.373-3.674-4.215c-2.836-.684-8.785 11.312-10.662 15.261-.586 1.262-.753 2.703-.397 4.063.661 2.387 3.088 4.842 11.176 1.007 12.914-6.045 3.557-16.116 3.557-16.116Z"
/>
<path
fill="#D2D2FF"
fillRule="evenodd"
d="M49.603 16.188c.531.98.604 1.869.604 1.869s.353.38.826 1.035c.748 2.495 1.35 6.152 1.79 9.668-.879 1.913-2.738 3.805-6.173 5.413-8.087 3.835-10.515 1.38-11.176-1.007a5.706 5.706 0 0 1-.173-1.073c3.207-1.105 8.002-3.457 8.699-6.593 1-4.5 2-9 5-9.5.207-.034.408.032.603.188Z"
clipRule="evenodd"
/>
<path
fill="#E1E1FF"
d="M69.494 13.175s-2.291-2.525-.513-5.532c1.457-2.568 14.246 1.313 18.406 2.671 1.334.429 2.488 1.275 3.21 2.481 1.252 2.1 1.393 5.543-6.87 8.87-13.285 5.223-14.233-8.49-14.233-8.49Z"
/>
<path
fill="#D2D2FF"
fillRule="evenodd"
d="M87.673 10.414c1.212.453 2.254 1.263 2.925 2.381 1.25 2.1 1.392 5.543-6.871 8.87-1.773.696-3.326 1.056-4.687 1.156C77.45 20.21 75.816 15.95 75 13.5c5.392 1.797 15.301 3.627 12.673-3.086Z"
clipRule="evenodd"
/>
<path
stroke="#CECEF5"
strokeWidth={0.5}
d="m49.958 18.077.007.086.059.064.001.001.004.005.019.02.072.082c.411.484.79.994 1.137 1.526.667 1.025 1.417 2.444 1.77 4.041.353 1.594.31 3.357-.595 5.087-.906 1.732-2.693 3.462-5.888 4.957l-.002.001c-4.026 1.91-6.589 2.224-8.203 1.813-1.588-.404-2.309-1.524-2.623-2.659-.34-1.299-.181-2.68.381-3.892.938-1.973 2.89-5.949 4.959-9.344 1.035-1.7 2.094-3.242 3.064-4.315.485-.537.94-.946 1.349-1.198.412-.255.744-.33 1.005-.267 1.613.4 2.48 1.395 2.948 2.296a5.28 5.28 0 0 1 .533 1.667l.002.024.001.005Zm19.722-5.07-.005-.004-.016-.019a4.512 4.512 0 0 1-.287-.388 5.206 5.206 0 0 1-.565-1.142c-.332-.954-.454-2.258.39-3.684l.002-.004c.135-.238.419-.432.887-.56.465-.128 1.073-.182 1.796-.17 1.445.024 3.292.306 5.237.715 3.886.816 8.113 2.123 10.19 2.801 1.283.412 2.386 1.223 3.074 2.372.595.998.914 2.287.128 3.726-.8 1.462-2.763 3.126-6.876 4.782-3.287 1.292-5.779 1.4-7.669.869-1.888-.532-3.207-1.712-4.131-3.064-.926-1.354-1.45-2.873-1.742-4.06-.146-.593-.234-1.1-.285-1.458-.025-.175-.046-.35-.062-.526l-.002-.027v-.008l-.006-.087-.058-.064Z"
/>
<path
fill="#506E92"
d="M69.398 41.456c9.56-3.3 14.798-13.261 11.698-22.25-3.099-8.989-13.362-13.601-22.922-10.302-9.56 3.3-14.797 13.26-11.698 22.25 3.1 8.988 13.362 13.6 22.922 10.302Z"
/>
<path
fill="#113563"
fillRule="evenodd"
d="M56.907 9.39C58.56 11.456 60.28 14.398 61 18c1.193 5.962-7.391 14.394-11.915 17.934l.032.04 32.334-7.266c.794-3.067.734-6.345-.354-9.502-3.1-8.989-13.362-13.601-22.923-10.302-.431.149-.854.311-1.267.486Z"
clipRule="evenodd"
opacity={0.25}
/>
<path
fill="#506E92"
d="M60.29 43.242s2.691 4.17 7.139 3.289c4.447-.882 7.953-1.228 8.29-5.672.283-4.485-15.429 2.383-15.429 2.383Z"
/>
<path
fill="#F0F0FF"
d="M62.432 21.44s-19.01 7.62-18.208 18.183c.803 10.563 7.046 11.209 10.933 9.535 3.838-1.666 8.972-5.046 13.636-6.107 4.663-1.062 5.784-1.382 8.733-1.544 2.95-.163 11.252-.713 11.637-5.799.322-5.173-4.075-22.599-26.73-14.269l-.001.001Z"
/>
<path
fill="#E9E9FF"
fillRule="evenodd"
d="M79.572 20.313C82.844 24.604 86.064 31.56 78.5 33c-15.629 1.488-27.276 9.439-32.045 14.029 2.373 3.332 6.076 3.26 8.702 2.129 1.278-.555 2.7-1.3 4.201-2.086 3.005-1.574 6.325-3.313 9.435-4.021l1.399-.32c3.529-.81 4.705-1.08 7.335-1.224 2.949-.163 11.25-.713 11.636-5.799.214-3.439-1.657-12.292-9.591-15.395Z"
clipRule="evenodd"
/>
<path
stroke="#E2E2FE"
strokeWidth={0.5}
d="m62.512 21.676.01-.004c5.634-2.07 10.113-2.533 13.653-1.998 3.537.535 6.152 2.067 8.06 4.011 3.83 3.9 4.835 9.472 4.678 12.006-.18 2.377-2.209 3.737-4.683 4.524-2.458.783-5.242.96-6.717 1.042-2.652.146-3.848.42-7.375 1.23l-1.4.32c-2.364.538-4.836 1.66-7.185 2.847-.792.4-1.569.807-2.323 1.202-1.494.783-2.902 1.521-4.172 2.072-1.897.817-4.34 1.055-6.397-.164-2.05-1.215-3.79-3.922-4.187-9.16-.195-2.56.81-4.958 2.456-7.128 1.647-2.17 3.925-4.096 6.24-5.7 2.313-1.605 4.653-2.881 6.416-3.757a52.727 52.727 0 0 1 2.73-1.261c.069-.03.121-.05.157-.065l.039-.017Z"
/>
<path
fill="#9DFFED"
d="M54.383 22.048a1.927 1.927 0 0 0 .844-3.462 1.93 1.93 0 1 0-.844 3.462Zm14.304-4.942a1.928 1.928 0 1 0-.59-3.81 1.928 1.928 0 0 0 .59 3.81Z"
/>
<path
fill="#E9E9FF"
d="M65.858 31.537c2.968-1.024 4.98-2.998 4.495-4.408C69.867 25.72 67 23.5 63.5 26c-2.968 1.024-4.986 2.59-4.5 4 .486 1.41 3.89 2.562 6.858 1.537Z"
/>
<path
fill="#506E92"
d="M64.858 30.537c2.968-1.024 4.981-2.998 4.495-4.408-.486-1.41-3.287-1.722-6.256-.698-2.968 1.025-4.98 2.998-4.495 4.408.486 1.41 3.287 1.723 6.256.698Z"
/>
<path
fill="#F0F0FF"
d="M50.49 65.225c5.054-.915 8.645-4.46 8.02-7.92-.626-3.46-5.23-5.523-10.285-4.608-5.054.915-8.645 4.461-8.02 7.921.626 3.46 5.23 5.523 10.285 4.607Z"
/>
<path
fill="#E9E9FF"
fillRule="evenodd"
d="M41.731 63.297c4.301.445 10.427.387 11.769-2.297 1.386-2.771.621-6.243-.15-8.206 2.732.657 4.76 2.298 5.16 4.51.625 3.46-2.966 7.006-8.02 7.921-3.548.643-6.875-.182-8.759-1.928Z"
clipRule="evenodd"
/>
<path
fill="#F0F0FF"
d="M99.623 60.59c.625-3.459-2.966-7.005-8.02-7.92-5.054-.915-9.659 1.148-10.284 4.607-.625 3.46 2.965 7.006 8.02 7.921 5.054.915 9.658-1.148 10.284-4.608Z"
/>
<path
fill="#E9E9FF"
fillRule="evenodd"
d="M83.436 62.417c4.288.595 10.243.725 11.564-1.917 1.005-2.01 1.273-4.256 1.252-6.02 2.401 1.575 3.777 3.861 3.37 6.11-.625 3.46-5.23 5.523-10.284 4.608-2.393-.433-4.457-1.457-5.902-2.781Z"
clipRule="evenodd"
/>
<path
stroke="#E2E2FE"
strokeWidth={0.5}
d="M58.263 57.35c.294 1.624-.397 3.297-1.81 4.691-1.41 1.394-3.524 2.489-6.008 2.938-2.484.45-4.846.166-6.656-.645-1.81-.811-3.044-2.136-3.337-3.76-.294-1.625.397-3.298 1.81-4.693 1.41-1.393 3.524-2.488 6.008-2.938 2.484-.45 4.847-.165 6.656.646 1.81.81 3.044 2.136 3.337 3.761Zm33.296-4.434c2.484.45 4.597 1.545 6.008 2.938 1.412 1.395 2.103 3.067 1.81 4.692-.294 1.625-1.527 2.95-3.338 3.76-1.81.812-4.172 1.096-6.656.646-2.484-.45-4.597-1.544-6.008-2.938-1.412-1.395-2.104-3.067-1.81-4.692.294-1.625 1.527-2.95 3.337-3.76 1.81-.811 4.173-1.096 6.657-.646Z"
/>
<path
fill="#C9D5F3"
d="M75.376 117.757c-.559.142-1.151.294-1.736.48-.33-1.513-.638-2.865-.793-3.402-.23-.758-.52-.944-.83-.995-.27-.043-.576-.002-.808-.036-.327-.046-.489-.024-.663.095-.191.123-.208.202-.16.394.268 1.121.613 2.983.958 4.771-.183.084-.362.185-.527.265-.214.11-.156.262-.024.415.267.321.356.522.522.739.115.157.26.287.413.378.276 1.23.56 2.272.843 2.794.114.231.232.257.472.251.24-.005.52.072.817.071.279-.002.555-.047.82-.135.135-.053.222-.15.16-.394-.196-.693-.437-1.783-.7-2.961.55-.177 1.155-.35 1.718-.549.298 1.242.6 2.28.886 2.82.251.475.519.648.92.62.327-.028.48-.085.742-.078.262.008.493.041.712.023.2-.014.357-.054.453-.116.113-.066.17-.136.125-.385-.608-2.965-1.992-8.315-2.682-10.22-.239-.645-.502-.949-.778-1.083-.21-.095-.41-.081-.681-.049-.253.027-.432-.02-.686-.067a1.112 1.112 0 0 0-.69.064c-.134.054-.16.097-.116.272.355 1.247.813 3.694 1.313 6.018Zm12.618-2.606c-.64-2.512-2.757-5.204-6.084-4.262a3.418 3.418 0 0 1-.28-.078c-.555-.137-.943.018-1.26.303-1.156 1.001-2.078 3.577-1.468 6.115.548 2.294 2.272 3.953 4.297 3.957.985.436 1.972.667 2.934.068 1.297-.813 2.701-2.807 1.861-6.103Zm-2.6.143c.564 2.216-.535 4.242-2.233 4.285-1.669-1.153-2.424-4.769-.443-6.834 1.188.068 2.311 1.119 2.676 2.549Zm9.53 3.123c1.207-1.311.914-2.388.4-3.018-.913-1.105-3.207-1.578-4.176-2.316-.6-.46-.909-1.161-.633-1.826.924-.31 2.068.457 2.852 1.13.241.217.359.169.441-.019.074-.149.103-.324.158-.839.05-.385.18-.53.082-1.062-.18-.994-1.994-2.426-3.957-2.185-.685.082-1.335.303-1.64 2.016-.46.897-.438 1.635-.274 2.28.338 1.326 1.937 2.422 2.826 2.92.805.463 1.62.887 1.774 1.349-.656.558-2.65-.048-3.635-.707-.245-.16-.359-.094-.388.081-.026.192.058.449.065.837-.004.206.004.965.434 1.339 1.298 1.155 3.138 1.67 4.132 1.416.75-.191 1.189-.508 1.539-1.396Zm2.148-8.628c.465 2.11.77 5.562 1.91 7.482.162.274.433.391.796.354.379-.041.532-.024.777-.012.244.012.323.029.523-.06.183-.083.37-.224.44-.316.082-.114.09-.227.041-.493-.407-1.959-1.38-5.556-2.032-7.749 1.216-.403 2.305-.792 2.745-1.034.178-.102.174-.193.142-.315a1.468 1.468 0 0 0-.132-.375c-.119-.248-.351-.356-.549-.548-.171-.16-.426-.504-.728-.817-.272-.265-.456-.329-.896-.236-2.285.509-4.258 1.588-6.476 2.358-.34.124-.401.177-.23.486.137.244.292.632.428.801.167.218.337.304.6.46.24.143.412.23.618.381.205.152.402.121.746.014.38-.115.811-.244 1.277-.381Zm12.568 4.874c1.208-1.311.914-2.388.401-3.018-.914-1.105-3.208-1.578-4.176-2.316-.601-.46-.91-1.161-.633-1.826.924-.31 2.067.457 2.851 1.13.242.217.359.169.441-.02.074-.148.104-.323.158-.839.05-.384.181-.529.082-1.061-.179-.994-1.994-2.426-3.957-2.185-.685.081-1.335.303-1.641 2.016-.458.897-.437 1.634-.272 2.28.338 1.325 1.936 2.422 2.825 2.92.806.463 1.62.887 1.775 1.349-.657.558-2.651-.048-3.636-.707-.245-.16-.358-.094-.388.08-.025.193.059.45.065.838-.003.205.005.965.434 1.338 1.298 1.156 3.138 1.671 4.133 1.417.75-.191 1.189-.508 1.538-1.396Z"
/>
</svg>
);
};
export default EmptyHosts;