fleet/frontend/components/graphics/EmptyPolicies.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

136 lines
11 KiB
TypeScript

import React from "react";
const EmptyPolicies = () => {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
width="322"
height="176"
fill="none"
>
<g clipPath="url(#a)">
<path
fill="#F1F0FF"
d="M162 176c41.421 0 75-33.579 75-75s-33.579-75-75-75-75 33.579-75 75 33.579 75 75 75Z"
/>
<path fill="#C5C7D1" d="M161 43h1v17h-1V43Z" />
<path
fill="#C98DEF"
d="M162 48c13.255 0 24-10.745 24-24S175.255 0 162 0s-24 10.745-24 24 10.745 24 24 24Z"
/>
<mask
id="b"
width={23}
height={26}
x={150}
y={11}
maskUnits="userSpaceOnUse"
style={{
maskType: "luminance",
}}
>
<path fill="#fff" d="M150 11h23v26h-23V11Z" />
</mask>
<g mask="url(#b)">
<path
stroke="#fff"
strokeWidth={1.869}
d="M172.066 20.294c0 1.453-.217 3.258-.639 5.01-.424 1.762-1.039 3.402-1.797 4.565-.716 1.099-2.085 2.16-3.724 3.126-1.474.87-3.071 1.61-4.406 2.203-1.335-.593-2.932-1.333-4.406-2.203-1.639-.967-3.008-2.027-3.724-3.126-.758-1.163-1.373-2.803-1.797-4.564-.422-1.753-.639-3.558-.639-5.01V16.37l10.566-3.602 10.566 3.602v3.924Z"
/>
<path
fill="#fff"
d="m165.608 19.313-5.056 5.606-3.318-2.156c-.474-.288-.948-.288-1.264.143-.316.432-.316.863.158 1.15l4.74 3.163 6.162-6.9c.316-.431.316-.863-.158-1.15-.316-.288-.948-.288-1.264.144Z"
/>
</g>
<g filter="url(#c)">
<path
fill="#fff"
d="M312.5 61H9.5a8 8 0 0 0-8 8v64a8 8 0 0 0 8 8h303a8 8 0 0 0 8-8V69a8 8 0 0 0-8-8Z"
/>
<path
stroke="#C5C7D1"
d="M312.5 60.5H9.5A8.5 8.5 0 0 0 1 69v64a8.5 8.5 0 0 0 8.5 8.5h303a8.5 8.5 0 0 0 8.5-8.5V69a8.5 8.5 0 0 0-8.5-8.5Z"
/>
</g>
<path
fill="#fff"
stroke="#C5C7D1"
d="M20.5 100.5h-4A3.5 3.5 0 0 0 13 104v4a3.5 3.5 0 0 0 3.5 3.5h4A3.5 3.5 0 0 0 24 108v-4a3.5 3.5 0 0 0-3.5-3.5ZM20.5 120.5h-4A3.5 3.5 0 0 0 13 124v4a3.5 3.5 0 0 0 3.5 3.5h4A3.5 3.5 0 0 0 24 128v-4a3.5 3.5 0 0 0-3.5-3.5Z"
/>
<path
fill="#C5C7D1"
d="M165.5 103h-126a3 3 0 1 0 0 6h126a3 3 0 1 0 0-6Z"
/>
<path
fill="#E2E4EA"
d="M77.5 123h-38a3 3 0 1 0 0 6h38a3 3 0 1 0 0-6ZM153.5 123h-66a3 3 0 1 0 0 6h66a3 3 0 1 0 0-6Z"
/>
<path
fill="#C5C7D1"
d="M305.5 103h-52a3 3 0 1 0 0 6h52a3 3 0 1 0 0-6Z"
/>
<path
fill="#E2E4EA"
d="M281.5 123h-28a3 3 0 1 0 0 6h28a3 3 0 1 0 0-6Z"
/>
<path
fill="#C5C7D1"
d="M235.5 103h-52a3 3 0 1 0 0 6h52a3 3 0 1 0 0-6Z"
/>
<path
fill="#E2E4EA"
d="M223.5 123h-40a3 3 0 1 0 0 6h40a3 3 0 1 0 0-6Z"
/>
<path
fill="#F9FAFC"
stroke="#C5C7D1"
d="M320.5 91.5h.5V69a8.5 8.5 0 0 0-8.5-8.5H9.5A8.5 8.5 0 0 0 1 69v22.5h319.5Z"
/>
<path
fill="#fff"
stroke="#C5C7D1"
d="M20.5 70.5h-4A3.5 3.5 0 0 0 13 74v4a3.5 3.5 0 0 0 3.5 3.5h4A3.5 3.5 0 0 0 24 78v-4a3.5 3.5 0 0 0-3.5-3.5Z"
/>
<path
fill="#8B8FA2"
d="m43.508 82.556-1.164-1.884c-.232-.368-.612-.552-1.14-.552-.816 0-1.528-.18-2.136-.54a3.692 3.692 0 0 1-1.416-1.512c-.336-.656-.504-1.424-.504-2.304 0-.888.168-1.656.504-2.304a3.612 3.612 0 0 1 1.416-1.5c.608-.36 1.324-.54 2.148-.54.824 0 1.54.18 2.148.54.608.352 1.08.852 1.416 1.5.336.648.504 1.412.504 2.292 0 .96-.2 1.784-.6 2.472a3.551 3.551 0 0 1-1.632 1.512c.344.112.64.38.888.804l.876 1.392-1.308.624ZM41.216 78.8c.776 0 1.38-.268 1.812-.804.432-.536.648-1.28.648-2.232 0-.96-.216-1.704-.648-2.232-.424-.528-1.028-.792-1.812-.792-.776 0-1.38.264-1.812.792-.432.528-.648 1.272-.648 2.232 0 .952.216 1.696.648 2.232.432.536 1.036.804 1.812.804Zm7.61 1.32c-1.44 0-2.16-.808-2.16-2.424v-3.564h1.5v3.588c0 .416.084.724.252.924.168.2.436.3.804.3.4 0 .728-.136.984-.408.256-.28.384-.648.384-1.104v-3.3h1.5V80h-1.464v-.876c-.392.664-.992.996-1.8.996Zm7.717 0c-.664 0-1.236-.124-1.716-.372s-.852-.6-1.116-1.056c-.256-.456-.384-.996-.384-1.62 0-.608.124-1.14.372-1.596a2.79 2.79 0 0 1 1.044-1.068c.463-.268.99-.405 1.524-.396.832 0 1.488.264 1.968.792.488.528.732 1.248.732 2.16v.444h-4.2c.112 1.048.712 1.572 1.8 1.572.328 0 .656-.048.984-.144.328-.104.628-.264.9-.48l.42 1.008c-.28.232-.632.416-1.056.552-.41.134-.84.203-1.272.204Zm-.216-5.088c-.44 0-.796.136-1.068.408-.272.272-.436.64-.492 1.104h2.952c-.032-.488-.168-.86-.408-1.116-.232-.264-.56-.396-.984-.396ZM60.155 80v-5.868h1.464v1.032c.288-.696.904-1.08 1.848-1.152l.456-.036.096 1.272-.864.084c-.984.096-1.476.6-1.476 1.512V80h-1.524Zm5.59 2.16 1.08-2.4-2.436-5.628h1.597l1.643 4.104 1.68-4.104h1.513l-3.529 8.028h-1.548ZM181.424 80v-8.46h3.672c.928 0 1.644.232 2.148.696.504.464.756 1.112.756 1.944 0 .832-.252 1.484-.756 1.956-.504.464-1.22.696-2.148.696h-2.136V80h-1.536Zm1.536-4.38h1.896c1.104 0 1.656-.48 1.656-1.44 0-.952-.552-1.428-1.656-1.428h-1.896v2.868Zm7.799 4.5a2.62 2.62 0 0 1-1.14-.24 2.062 2.062 0 0 1-.78-.672 1.688 1.688 0 0 1-.276-.948c0-.432.112-.772.336-1.02.224-.256.588-.44 1.092-.552.504-.112 1.18-.168 2.028-.168h.42v-.252c0-.4-.088-.688-.264-.864-.176-.176-.472-.264-.888-.264-.328 0-.664.052-1.008.156a4.376 4.376 0 0 0-1.044.456l-.432-1.02c.208-.144.452-.268.732-.372.288-.112.588-.196.9-.252.32-.064.62-.096.9-.096.856 0 1.492.2 1.908.6.416.392.624 1.004.624 1.836V80h-1.404v-.936a1.67 1.67 0 0 1-.648.78c-.296.184-.648.276-1.056.276Zm.312-1.032c.392 0 .716-.136.972-.408.264-.272.396-.616.396-1.032v-.264h-.408c-.752 0-1.276.06-1.572.18-.288.112-.432.32-.432.624 0 .264.092.48.276.648.184.168.44.252.768.252Zm6.466 1.032c-.496 0-.96-.06-1.392-.18-.39-.1-.757-.275-1.08-.516l.384-.984c.296.2.628.356.996.468.368.104.736.156 1.104.156.384 0 .668-.064.852-.192a.616.616 0 0 0 .288-.528c0-.336-.248-.552-.744-.648l-1.2-.228c-1.016-.192-1.524-.72-1.524-1.584 0-.384.104-.716.312-.996.216-.28.512-.496.888-.648a3.434 3.434 0 0 1 1.296-.228 4 4 0 0 1 1.2.18c.384.112.712.284.984.516l-.408.984a2.646 2.646 0 0 0-.84-.456 2.79 2.79 0 0 0-.924-.168c-.392 0-.684.068-.876.204a.64.64 0 0 0-.276.54c0 .352.228.568.684.648l1.2.228c.52.096.912.272 1.176.528.272.256.408.6.408 1.032 0 .584-.228 1.044-.684 1.38-.456.328-1.064.492-1.824.492Zm5.86 0c-.496 0-.96-.06-1.392-.18-.39-.1-.757-.275-1.08-.516l.384-.984c.296.2.628.356.996.468.368.104.736.156 1.104.156.384 0 .668-.064.852-.192a.616.616 0 0 0 .288-.528c0-.336-.248-.552-.744-.648l-1.2-.228c-1.016-.192-1.524-.72-1.524-1.584 0-.384.104-.716.312-.996.216-.28.512-.496.888-.648a3.434 3.434 0 0 1 1.296-.228 4 4 0 0 1 1.2.18c.384.112.712.284.984.516l-.408.984a2.646 2.646 0 0 0-.84-.456 2.79 2.79 0 0 0-.924-.168c-.392 0-.684.068-.876.204a.64.64 0 0 0-.276.54c0 .352.228.568.684.648l1.2.228c.52.096.912.272 1.176.528.272.256.408.6.408 1.032 0 .584-.228 1.044-.684 1.38-.456.328-1.064.492-1.824.492Zm3.615-7.248v-1.464h1.68v1.464h-1.68Zm.096 7.128v-5.868h1.5V80h-1.5Zm3.059 0v-5.868h1.464v.912c.2-.336.468-.592.804-.768a2.49 2.49 0 0 1 1.152-.264c1.384 0 2.076.804 2.076 2.412V80h-1.5v-3.504c0-.456-.088-.788-.264-.996-.168-.208-.432-.312-.792-.312-.44 0-.792.14-1.056.42-.256.272-.384.636-.384 1.092V80h-1.5Zm9.755 2.28a5.939 5.939 0 0 1-1.536-.192 3.706 3.706 0 0 1-1.248-.564l.432-1.044c.331.222.696.388 1.08.492.384.112.768.168 1.152.168 1.072 0 1.608-.516 1.608-1.548v-.804a1.834 1.834 0 0 1-.78.78c-.353.194-.75.293-1.152.288-.528 0-.988-.12-1.38-.36a2.49 2.49 0 0 1-.912-1.032c-.216-.44-.324-.952-.324-1.536 0-.584.108-1.092.324-1.524.216-.44.52-.78.912-1.02.392-.248.852-.372 1.38-.372.44 0 .832.1 1.176.3.344.192.596.452.756.78v-.96h1.464v5.28c0 .952-.252 1.668-.756 2.148-.504.48-1.236.72-2.196.72Zm-.036-3.564c.464 0 .832-.16 1.104-.48.272-.32.408-.756.408-1.308s-.136-.984-.408-1.296c-.272-.32-.64-.48-1.104-.48-.464 0-.832.16-1.104.48-.272.312-.408.744-.408 1.296s.136.988.408 1.308c.272.32.64.48 1.104.48ZM251.424 80v-8.46h5.532v1.224h-3.996v2.388h3.744v1.224h-3.744V80h-1.536Zm8.292.12a2.62 2.62 0 0 1-1.14-.24 2.062 2.062 0 0 1-.78-.672 1.688 1.688 0 0 1-.276-.948c0-.432.112-.772.336-1.02.224-.256.588-.44 1.092-.552.504-.112 1.18-.168 2.028-.168h.42v-.252c0-.4-.088-.688-.264-.864-.176-.176-.472-.264-.888-.264-.328 0-.664.052-1.008.156a4.376 4.376 0 0 0-1.044.456l-.432-1.02c.208-.144.452-.268.732-.372.288-.112.588-.196.9-.252.32-.064.62-.096.9-.096.856 0 1.492.2 1.908.6.416.392.624 1.004.624 1.836V80h-1.404v-.936a1.67 1.67 0 0 1-.648.78c-.296.184-.648.276-1.056.276Zm.312-1.032c.392 0 .716-.136.972-.408.264-.272.396-.616.396-1.032v-.264h-.408c-.752 0-1.276.06-1.572.18-.288.112-.432.32-.432.624 0 .264.092.48.276.648.184.168.44.252.768.252Zm4.222-6.216v-1.464h1.68v1.464h-1.68Zm.096 7.128v-5.868h1.5V80h-1.5Zm3.059 0v-8.46h1.5V80h-1.5Zm2.951-7.128v-1.464h1.68v1.464h-1.68Zm.096 7.128v-5.868h1.5V80h-1.5Zm3.058 0v-5.868h1.464v.912c.2-.336.468-.592.804-.768a2.49 2.49 0 0 1 1.152-.264c1.384 0 2.076.804 2.076 2.412V80h-1.5v-3.504c0-.456-.088-.788-.264-.996-.168-.208-.432-.312-.792-.312-.44 0-.792.14-1.056.42-.256.272-.384.636-.384 1.092V80h-1.5Zm9.756 2.28a5.939 5.939 0 0 1-1.536-.192 3.706 3.706 0 0 1-1.248-.564l.432-1.044c.331.222.696.388 1.08.492.384.112.768.168 1.152.168 1.072 0 1.608-.516 1.608-1.548v-.804a1.834 1.834 0 0 1-.78.78c-.353.194-.75.293-1.152.288-.528 0-.988-.12-1.38-.36a2.49 2.49 0 0 1-.912-1.032c-.216-.44-.324-.952-.324-1.536 0-.584.108-1.092.324-1.524.216-.44.52-.78.912-1.02.392-.248.852-.372 1.38-.372.44 0 .832.1 1.176.3.344.192.596.452.756.78v-.96h1.464v5.28c0 .952-.252 1.668-.756 2.148-.504.48-1.236.72-2.196.72Zm-.036-3.564c.464 0 .832-.16 1.104-.48.272-.32.408-.756.408-1.308s-.136-.984-.408-1.296c-.272-.32-.64-.48-1.104-.48-.464 0-.832.16-1.104.48-.272.312-.408.744-.408 1.296s.136.988.408 1.308c.272.32.64.48 1.104.48Z"
/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h322v176H0z" />
</clipPath>
<filter
id="c"
width={327}
height={92}
x={-2.5}
y={60}
colorInterpolationFilters="sRGB"
filterUnits="userSpaceOnUse"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feColorMatrix
in="SourceAlpha"
result="hardAlpha"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
/>
<feOffset dy={7} />
<feGaussianBlur stdDeviation={1.5} />
<feColorMatrix values="0 0 0 0 0.0980392 0 0 0 0 0.129412 0 0 0 0 0.278431 0 0 0 0.1 0" />
<feBlend
in2="BackgroundImageFix"
result="effect1_dropShadow_121_289"
/>
<feBlend
in="SourceGraphic"
in2="effect1_dropShadow_121_289"
result="shape"
/>
</filter>
</defs>
</svg>
);
};
export default EmptyPolicies;