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>
This commit is contained in:
Marko Lisica
co-authored by
Gabriel Hernandez
Gabriel Hernandez
parent
2504de92cd
commit
8162d052bf
@@ -7,7 +7,7 @@ describe("BackLink - component", () => {
|
||||
render(<BackLink text="Back to software" />);
|
||||
|
||||
const text = screen.getByText("Back to software");
|
||||
const icon = screen.getByTestId("chevron-icon");
|
||||
const icon = screen.getByTestId("chevron-left-icon");
|
||||
|
||||
expect(text).toBeInTheDocument();
|
||||
expect(icon).toBeInTheDocument();
|
||||
|
||||
@@ -25,9 +25,8 @@ const BackLink = ({ text, path, className }: IBackLinkProps): JSX.Element => {
|
||||
<Link className={backLinkClass} to={path || ""} onClick={onClick}>
|
||||
<>
|
||||
<Icon
|
||||
name="chevron"
|
||||
name="chevron-left"
|
||||
className={`${baseClass}__back-icon`}
|
||||
direction="left"
|
||||
color="core-fleet-blue"
|
||||
/>
|
||||
<span>{text}</span>
|
||||
|
||||
@@ -29,7 +29,7 @@ const DataError = ({
|
||||
<div className={`${baseClass}__${card ? "card" : "inner"}`}>
|
||||
<div className="info">
|
||||
<span className="info__header">
|
||||
<Icon name="alert" />
|
||||
<Icon name="error" />
|
||||
Something's gone wrong.
|
||||
</span>
|
||||
|
||||
|
||||
@@ -22,7 +22,7 @@ export const Basic: Story = {
|
||||
args: {
|
||||
header: "No Data",
|
||||
info: "There is no data to display.",
|
||||
iconName: "alert",
|
||||
graphicName: "empty-queries",
|
||||
},
|
||||
};
|
||||
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import React from "react";
|
||||
import classnames from "classnames";
|
||||
import Icon from "components/Icon";
|
||||
import { IconNames } from "components/icons";
|
||||
import Graphic from "components/Graphic";
|
||||
import { GraphicNames } from "components/graphics";
|
||||
|
||||
const baseClass = "empty-table";
|
||||
|
||||
@@ -9,14 +9,14 @@ export interface IEmptyTableProps {
|
||||
header?: JSX.Element | string;
|
||||
info?: JSX.Element | string;
|
||||
additionalInfo?: JSX.Element | string;
|
||||
iconName?: IconNames;
|
||||
graphicName?: GraphicNames;
|
||||
primaryButton?: JSX.Element;
|
||||
secondaryButton?: JSX.Element;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const EmptyTable = ({
|
||||
iconName,
|
||||
graphicName,
|
||||
header,
|
||||
info,
|
||||
additionalInfo,
|
||||
@@ -28,9 +28,9 @@ const EmptyTable = ({
|
||||
|
||||
return (
|
||||
<div className={emptyTableClass}>
|
||||
{iconName && (
|
||||
{graphicName && (
|
||||
<div className={`${baseClass}__image-wrapper`}>
|
||||
<Icon name={iconName} />
|
||||
<Graphic name={graphicName} />
|
||||
</div>
|
||||
)}
|
||||
<div className={`${baseClass}__inner`}>
|
||||
|
||||
@@ -89,7 +89,7 @@ const FlashMessage = ({
|
||||
onClick={onRemoveFlash}
|
||||
>
|
||||
<Icon
|
||||
name="ex"
|
||||
name="close"
|
||||
color={
|
||||
alertType === "warning-filled"
|
||||
? "core-fleet-black"
|
||||
|
||||
@@ -0,0 +1,15 @@
|
||||
import { Meta, StoryObj } from "@storybook/react";
|
||||
|
||||
import Graphic from "./";
|
||||
|
||||
const meta: Meta<typeof Graphic> = {
|
||||
title: "Components/Graphic",
|
||||
component: Graphic,
|
||||
args: { name: "empty-queries" },
|
||||
};
|
||||
|
||||
export default meta;
|
||||
|
||||
type Story = StoryObj<typeof Graphic>;
|
||||
|
||||
export const Basic: Story = {};
|
||||
@@ -0,0 +1,25 @@
|
||||
import React from "react";
|
||||
import classnames from "classnames";
|
||||
|
||||
import { GraphicNames, GRAPHIC_MAP } from "components/graphics";
|
||||
|
||||
interface IGraphicProps {
|
||||
name: GraphicNames;
|
||||
className?: string;
|
||||
}
|
||||
|
||||
const baseClass = "graphic";
|
||||
|
||||
const Graphic = ({ name, className }: IGraphicProps) => {
|
||||
const classNames = classnames(baseClass, className);
|
||||
|
||||
const GraphicComponent = GRAPHIC_MAP[name];
|
||||
|
||||
return (
|
||||
<div className={classNames} data-testid={`${name}-graphic`}>
|
||||
<GraphicComponent />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Graphic;
|
||||
@@ -0,0 +1 @@
|
||||
export { default } from "./Graphic";
|
||||
@@ -8,14 +8,13 @@ import { IconSizes } from "styles/var/icon_sizes";
|
||||
interface IIconProps {
|
||||
name: IconNames;
|
||||
color?: Colors;
|
||||
direction?: "up" | "down" | "left" | "right";
|
||||
className?: string;
|
||||
size?: IconSizes;
|
||||
}
|
||||
|
||||
const baseClass = "icon";
|
||||
|
||||
const Icon = ({ name, color, direction, className, size }: IIconProps) => {
|
||||
const Icon = ({ name, color, className, size }: IIconProps) => {
|
||||
const classNames = classnames(baseClass, className);
|
||||
|
||||
// createPassedProps creates a props object that we pass to the specific icon
|
||||
@@ -25,13 +24,12 @@ const Icon = ({ name, color, direction, className, size }: IIconProps) => {
|
||||
return Object.assign(
|
||||
{},
|
||||
color === undefined ? undefined : { color },
|
||||
direction === undefined ? undefined : { direction },
|
||||
size === undefined ? undefined : { size }
|
||||
);
|
||||
};
|
||||
|
||||
return createPassedProps();
|
||||
}, [color, direction, size]);
|
||||
}, [color, size]);
|
||||
|
||||
const IconComponent = ICON_MAP[name];
|
||||
|
||||
|
||||
@@ -16,7 +16,7 @@ The `Icon` directory includes global styling, the global `Icon` component, and t
|
||||
|
||||
The `icons` directory includes separate files for all SVG components for Fleet icons.
|
||||
|
||||
Each component can be modified to take various props including but not limited to `color` using `frontend/styles/var/colors.ts`, `size` using `frontend/styles/var/icon_sizes`, or `direction` using custom SVG paths (e.g., `Chevron.tsx`).
|
||||
Each component can be modified to take various props including but not limited to `color` using `frontend/styles/var/colors.ts` or `size` using `frontend/styles/var/icon_sizes`.
|
||||
|
||||
`index.ts` maps all icon names used in `<Icon name="icon-name" />` to its respective SVG component.
|
||||
|
||||
|
||||
@@ -58,7 +58,7 @@ const InfoBanner = ({
|
||||
{closable && (
|
||||
<Button variant="unstyled" onClick={() => setHideBanner(true)}>
|
||||
<Icon
|
||||
name="ex"
|
||||
name="close"
|
||||
color="core-fleet-black"
|
||||
size="small"
|
||||
className={`${baseClass}__close`}
|
||||
|
||||
@@ -32,7 +32,7 @@ export const generateTableHeaders = (
|
||||
Header: "",
|
||||
Cell: (cellProps: { row: Row }): JSX.Element => (
|
||||
<div onClick={() => handleRowRemove(cellProps.row)}>
|
||||
<Icon name="ex-circled" />
|
||||
<Icon name="close-filled" />
|
||||
</div>
|
||||
),
|
||||
disableHidden: true,
|
||||
|
||||
@@ -75,7 +75,7 @@ const Modal = ({
|
||||
<span>{title}</span>
|
||||
<div className={`${baseClass}__ex`}>
|
||||
<Button className="button button--unstyled" onClick={onExit}>
|
||||
<Icon name="ex" color="core-fleet-black" size="medium" />
|
||||
<Icon name="close" color="core-fleet-black" size="medium" />
|
||||
</Button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -87,11 +87,12 @@ const PlatformCompatibility = ({
|
||||
className="platform"
|
||||
>
|
||||
<Icon
|
||||
name={isCompatible ? "check" : "ex"}
|
||||
name={isCompatible ? "check" : "close"}
|
||||
className={
|
||||
isCompatible ? "compatible-platform" : "incompatible-platform"
|
||||
}
|
||||
color={isCompatible ? "status-success" : "status-error"}
|
||||
size="small"
|
||||
/>
|
||||
{platform}
|
||||
</span>
|
||||
|
||||
@@ -44,12 +44,12 @@ const QueryFrequencyIndicator = ({
|
||||
const frequencyIcon = () => {
|
||||
if (frequency === 0) {
|
||||
return checked ? (
|
||||
<Icon size="small" name="warning" />
|
||||
<Icon size="medium" name="warning" />
|
||||
) : (
|
||||
<Icon size="small" name="clock" color="ui-fleet-black-33" />
|
||||
<Icon size="medium" name="clock" color="ui-fleet-black-33" />
|
||||
);
|
||||
}
|
||||
return <Icon size="small" name="clock" />;
|
||||
return <Icon size="medium" name="clock" />;
|
||||
};
|
||||
|
||||
return (
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
.query-frequency-indicator {
|
||||
width: 130px;
|
||||
display: inline-block;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 8px 12px;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
@@ -25,7 +25,7 @@ const SandboxExpiryMessage = ({
|
||||
<div className={baseClass}>
|
||||
<p>Your Fleet Sandbox expires in {expiry}.</p>
|
||||
<div className={`${baseClass}__tip`}>
|
||||
<Icon name="lightbulb" />
|
||||
<Icon name="lightbulb" size="large" />
|
||||
<p>
|
||||
<b>Quick tip: </b> Enroll a host to get started.
|
||||
</p>
|
||||
|
||||
@@ -47,7 +47,7 @@ const StackedWhiteBoxes = ({
|
||||
return (
|
||||
<div className={`${baseClass}__back`}>
|
||||
<Link to={previousLocation} className={`${baseClass}__back-link`}>
|
||||
<Icon name="ex" color="core-fleet-black" />
|
||||
<Icon name="close" color="core-fleet-black" />
|
||||
</Link>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -31,9 +31,9 @@ interface IStatusIndicatorWithIconProps {
|
||||
|
||||
const statusIconNameMapping: Record<IndicatorStatus, IconNames> = {
|
||||
success: "success",
|
||||
successPartial: "success-partial",
|
||||
successPartial: "success-outline",
|
||||
pending: "pending",
|
||||
pendingPartial: "pending-partial",
|
||||
pendingPartial: "pending-outline",
|
||||
error: "error",
|
||||
};
|
||||
|
||||
|
||||
@@ -18,7 +18,7 @@ describe("Issue cell", () => {
|
||||
/>
|
||||
);
|
||||
|
||||
const icon = screen.queryByTestId("issue-icon");
|
||||
const icon = screen.queryByTestId("error-outline-icon");
|
||||
|
||||
await user.hover(screen.getByText("4"));
|
||||
|
||||
|
||||
@@ -25,7 +25,7 @@ const IssueCell = ({ issues, rowId }: IIssueCellProps<any>): JSX.Element => {
|
||||
data-for={`host-issue__${rowId.toString()}`}
|
||||
data-tip-disable={false}
|
||||
>
|
||||
<Icon name="issue" />
|
||||
<Icon name="error-outline" color="ui-fleet-black-50" />
|
||||
</span>
|
||||
<ReactTooltip
|
||||
place="top"
|
||||
|
||||
+1
-1
@@ -30,7 +30,7 @@ const LiveQueryIssueCell = ({
|
||||
data-tip-disable={false}
|
||||
>
|
||||
<Icon
|
||||
name="issue"
|
||||
name="error-outline"
|
||||
size="small"
|
||||
color={status === "offline" ? "status-error" : "status-warning"}
|
||||
/>
|
||||
|
||||
@@ -7,7 +7,7 @@ describe("ViewAllHostsLink - component", () => {
|
||||
render(<ViewAllHostsLink />);
|
||||
|
||||
const text = screen.getByText("View all hosts");
|
||||
const icon = screen.getByTestId("chevron-icon");
|
||||
const icon = screen.getByTestId("chevron-down-icon");
|
||||
|
||||
expect(text).toBeInTheDocument();
|
||||
expect(icon).toBeInTheDocument();
|
||||
|
||||
@@ -37,9 +37,8 @@ const ViewAllHostsLink = ({
|
||||
<Link className={viewAllHostsLinkClass} to={path} title="host-link">
|
||||
{!condensed && <span>View all hosts</span>}
|
||||
<Icon
|
||||
name="chevron"
|
||||
name="chevron-down"
|
||||
className={`${baseClass}__icon`}
|
||||
direction="right"
|
||||
color="core-fleet-blue"
|
||||
/>
|
||||
</Link>
|
||||
|
||||
@@ -105,7 +105,7 @@ export class DropdownButton extends Component {
|
||||
>
|
||||
{children}{" "}
|
||||
{showCaret && (
|
||||
<Icon name="down-caret" size="large" color="core-fleet-white" />
|
||||
<Icon name="chevron-down" size="small" color="core-fleet-white" />
|
||||
)}
|
||||
</Button>
|
||||
|
||||
|
||||
@@ -40,7 +40,7 @@ describe("Reveal button", () => {
|
||||
/>
|
||||
);
|
||||
|
||||
const icon = screen.queryByTestId("chevron-icon");
|
||||
const icon = screen.queryByTestId("chevron-down-icon");
|
||||
|
||||
expect(icon).toBeNull();
|
||||
});
|
||||
@@ -55,7 +55,7 @@ describe("Reveal button", () => {
|
||||
/>
|
||||
);
|
||||
|
||||
const icon = screen.queryByTestId("chevron-icon");
|
||||
const icon = screen.queryByTestId("chevron-right-icon");
|
||||
expect(icon?.nextSibling).toHaveTextContent(SHOW_TEXT);
|
||||
});
|
||||
|
||||
@@ -69,7 +69,7 @@ describe("Reveal button", () => {
|
||||
/>
|
||||
);
|
||||
|
||||
const icon = screen.queryByTestId("chevron-icon");
|
||||
const icon = screen.queryByTestId("chevron-down-icon");
|
||||
|
||||
expect(icon?.previousSibling).toHaveTextContent(SHOW_TEXT);
|
||||
});
|
||||
|
||||
@@ -46,16 +46,14 @@ const RevealButton = ({
|
||||
<>
|
||||
{caretPosition === "before" && (
|
||||
<Icon
|
||||
name="chevron"
|
||||
direction={isShowing ? "down" : "right"}
|
||||
name={isShowing ? "chevron-down" : "chevron-right"}
|
||||
color="core-fleet-blue"
|
||||
/>
|
||||
)}
|
||||
{buttonText}
|
||||
{caretPosition === "after" && (
|
||||
<Icon
|
||||
name="chevron"
|
||||
direction={isShowing ? "up" : "down"}
|
||||
name={isShowing ? "chevron-up" : "chevron-down"}
|
||||
color="core-fleet-blue"
|
||||
/>
|
||||
)}
|
||||
|
||||
@@ -117,7 +117,7 @@ class Dropdown extends Component {
|
||||
renderCustomDropdownArrow = () => {
|
||||
return (
|
||||
<div className={`${baseClass}__custom-arrow`}>
|
||||
<Icon name="chevron" className={`${baseClass}__icon`} />
|
||||
<Icon name="chevron-down" className={`${baseClass}__icon`} />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
+160
-156
@@ -3,168 +3,172 @@ import React from "react";
|
||||
const EmptyHosts = () => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="176"
|
||||
height="145"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 176 145"
|
||||
>
|
||||
<ellipse cx="87.762" cy="140.413" rx="87.762" ry="4.14" fill="#C9D5F3" />
|
||||
<path
|
||||
d="M87.57 53.902s9.782-4.437 12.77-10.176c2.988-5.74.144 8.198-6.361 11.526"
|
||||
fill="#506E92"
|
||||
/>
|
||||
<path
|
||||
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"
|
||||
fill="#E1E1FF"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="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.452 14.498 3.835Z"
|
||||
fill="#D2D2FF"
|
||||
/>
|
||||
<path
|
||||
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"
|
||||
stroke="#CDCDF5"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
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"
|
||||
fill="#F7F8FC"
|
||||
/>
|
||||
<path
|
||||
d="m13.176 140.307-.003.001-.014.007-.05.029c-.044.026-.1.062-.154.103a.642.642 0 0 0-.134.134.443.443 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-.002-.002Z"
|
||||
stroke="#D3DAE4"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
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"
|
||||
fill="#E0E7F9"
|
||||
/>
|
||||
<path
|
||||
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.31 77.31 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.642a7.82 7.82 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.511.082-30.35Z"
|
||||
stroke="#C8D1F2"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
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"
|
||||
fill="#000"
|
||||
style={{ mixBlendMode: "soft-light" }}
|
||||
/>
|
||||
<path
|
||||
d="M22.075 59.497 4.968 91.567s63.05 2.557 104.108 0l14.746-32.07H22.075Z"
|
||||
fill="#F7F8FC"
|
||||
/>
|
||||
<path
|
||||
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-.6a1422.782 1422.782 0 0 1-9.774-.331l-.319-.012 16.85-31.587h101.206Z"
|
||||
stroke="#D3DAE4"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
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"
|
||||
fill="#E0E7F9"
|
||||
/>
|
||||
<path
|
||||
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.866a1414.54 1414.54 0 0 1 2.929 3.568c-4.451.056-9.938 1.93-14.352 3.808a90.696 90.696 0 0 0-7.467 3.602Z"
|
||||
stroke="#CBCFF2"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
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"
|
||||
fill="#E1E1FF"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="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.71 5.71 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"
|
||||
fill="#D2D2FF"
|
||||
/>
|
||||
<path
|
||||
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"
|
||||
fill="#E1E1FF"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="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"
|
||||
fill="#D2D2FF"
|
||||
/>
|
||||
<path
|
||||
d="m49.958 18.077.007.086.059.064.001.001.004.005.019.02.072.082a14.958 14.958 0 0 1 1.137 1.526c.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.281 5.281 0 0 1 .52 1.567 2.8 2.8 0 0 1 .013.1l.002.024v.005h.001ZM69.68 13.007h-.001l-.004-.004-.016-.019a4.51 4.51 0 0 1-.287-.388 5.207 5.207 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.801h.001c1.283.412 2.385 1.223 3.073 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.458a10.76 10.76 0 0 1-.062-.526l-.002-.027v-.008l-.006-.087-.058-.064Z"
|
||||
stroke="#CECEF5"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
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"
|
||||
fill="#506E92"
|
||||
/>
|
||||
<path
|
||||
opacity=".25"
|
||||
fillRule="evenodd"
|
||||
clipRule="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.312-1.267.487Z"
|
||||
fill="#113563"
|
||||
/>
|
||||
<path
|
||||
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.43 2.383-15.43 2.383Z"
|
||||
fill="#506E92"
|
||||
/>
|
||||
<path
|
||||
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.269Z"
|
||||
fill="#F0F0FF"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="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"
|
||||
fill="#E9E9FF"
|
||||
/>
|
||||
<path
|
||||
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.732 52.732 0 0 1 2.73-1.261c.069-.03.121-.05.157-.065l.04-.017Z"
|
||||
stroke="#E2E2FE"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M54.383 22.048a1.928 1.928 0 1 0-.59-3.812 1.928 1.928 0 0 0 .59 3.812ZM68.687 17.106a1.928 1.928 0 1 0-.59-3.811 1.928 1.928 0 0 0 .59 3.811Z"
|
||||
fill="#9DFFED"
|
||||
/>
|
||||
<path
|
||||
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"
|
||||
fill="#E9E9FF"
|
||||
/>
|
||||
<path
|
||||
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"
|
||||
fill="#506E92"
|
||||
/>
|
||||
<path
|
||||
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"
|
||||
fill="#F0F0FF"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="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"
|
||||
fill="#E9E9FF"
|
||||
/>
|
||||
<path
|
||||
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.147 10.284-4.607Z"
|
||||
fill="#F0F0FF"
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="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.456-5.902-2.78Z"
|
||||
fill="#E9E9FF"
|
||||
/>
|
||||
<path
|
||||
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.135 3.337 3.76ZM91.559 52.916c2.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"
|
||||
stroke="#E2E2FE"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
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.071a2.65 2.65 0 0 0 .82-.135c.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.684 3.684 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.702-2.807 1.862-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.31 1.119 2.675 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.19-.508 1.54-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.457 1.457 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"
|
||||
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>
|
||||
);
|
||||
@@ -0,0 +1,76 @@
|
||||
import React from "react";
|
||||
|
||||
const EmptyIntegrations = () => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="322"
|
||||
height="150"
|
||||
fill="none"
|
||||
>
|
||||
<path
|
||||
fill="#F1F0FF"
|
||||
d="M162.5 150c41.421 0 75-33.579 75-75s-33.579-75-75-75-75 33.579-75 75 33.579 75 75 75Z"
|
||||
/>
|
||||
<g filter="url(#a)">
|
||||
<path
|
||||
fill="#fff"
|
||||
d="M21 43a8 8 0 0 1 8-8h263a8 8 0 0 1 8 8v64a8 8 0 0 1-8 8H29a8.001 8.001 0 0 1-8-8V43Z"
|
||||
/>
|
||||
<path
|
||||
stroke="#C5C7D1"
|
||||
d="M29 34.5a8.5 8.5 0 0 0-8.5 8.5v64a8.502 8.502 0 0 0 8.5 8.5h263a8.504 8.504 0 0 0 7.853-5.247A8.504 8.504 0 0 0 300.5 107V43a8.5 8.5 0 0 0-8.5-8.5H29Z"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M167 78H72a3 3 0 1 0 0 6h95a3 3 0 1 0 0-6ZM48 78H31a3 3 0 1 0 0 6h17a3 3 0 1 0 0-6ZM48 97H31a3 3 0 1 0 0 6h17a3 3 0 1 0 0-6Z"
|
||||
/>
|
||||
<path
|
||||
fill="#E2E4EA"
|
||||
d="M160 97H72a3 3 0 1 0 0 6h88a3 3 0 1 0 0-6ZM238 97h-54a3 3 0 1 0 0 6h54a3 3 0 1 0 0-6ZM223 78h-37a3 3 0 1 0 0 6h37a3 3 0 1 0 0-6Z"
|
||||
/>
|
||||
<path
|
||||
fill="#F9FAFC"
|
||||
stroke="#C5C7D1"
|
||||
d="M300 65.5h.5V43a8.5 8.5 0 0 0-8.5-8.5H29a8.5 8.5 0 0 0-8.5 8.5v22.5H300Z"
|
||||
/>
|
||||
<path
|
||||
fill="#8B8FA2"
|
||||
d="M72.7 53.1c-.967 0-1.707-.25-2.22-.75-.507-.507-.76-1.253-.76-2.24v-4.16H71v4.15c0 .633.143 1.11.43 1.43.293.313.717.47 1.27.47 1.127 0 1.69-.633 1.69-1.9v-4.15h1.27v4.16c0 .987-.25 1.733-.75 2.24-.5.5-1.237.75-2.21.75Zm4.453-.1v-7.05h3.06c.773 0 1.37.187 1.79.56.42.367.63.883.63 1.55 0 .527-.137.963-.41 1.31-.273.34-.667.57-1.18.69.34.107.62.363.84.77l1.18 2.17h-1.41l-1.22-2.25c-.12-.22-.264-.37-.43-.45-.16-.08-.367-.12-.62-.12h-.95V53h-1.28Zm1.28-3.77h1.56c.933 0 1.4-.38 1.4-1.14 0-.753-.467-1.13-1.4-1.13h-1.56v2.27ZM84.008 53v-7.05h1.28v5.96h3.38V53h-4.66ZM30.47 53v-5.98h-2.42v-1.07h6.12v1.07h-2.42V53h-1.28Zm4.177 1.8.9-2-2.03-4.69h1.33l1.37 3.42 1.4-3.42h1.26l-2.94 6.69h-1.29Zm4.823 0v-6.69h1.22v.78c.14-.267.35-.48.63-.64.287-.16.61-.24.97-.24.427 0 .8.103 1.12.31.327.207.58.5.76.88.18.373.27.823.27 1.35 0 .52-.09.973-.27 1.36-.18.38-.43.673-.75.88-.32.207-.696.31-1.13.31-.346 0-.66-.073-.94-.22a1.632 1.632 0 0 1-.63-.61v2.53h-1.25Zm2.47-2.65c.374 0 .674-.133.9-.4.227-.273.34-.673.34-1.2 0-.533-.113-.93-.34-1.19-.226-.267-.526-.4-.9-.4-.373 0-.673.133-.9.4-.226.26-.34.657-.34 1.19 0 .527.114.927.34 1.2.227.267.527.4.9.4Zm5.936.95c-.553 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.213-.38-.32-.83-.32-1.35 0-.507.104-.95.31-1.33.214-.38.504-.677.87-.89.374-.22.797-.33 1.27-.33.694 0 1.24.22 1.64.66.407.44.61 1.04.61 1.8v.37h-3.5c.094.873.594 1.31 1.5 1.31.274 0 .547-.04.82-.12a2.33 2.33 0 0 0 .75-.4l.35.84c-.261.208-.56.364-.88.46-.353.113-.706.17-1.06.17Zm-.18-4.24c-.366 0-.663.113-.89.34-.226.227-.363.533-.41.92h2.46c-.026-.407-.14-.717-.34-.93-.193-.22-.466-.33-.82-.33ZM183.77 53v-7.05h1.28v3.12h.02l3.11-3.12h1.56l-3.43 3.39 3.6 3.66h-1.58l-3.26-3.26h-.02V53h-1.28Zm8.804.1c-.554 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.214-.38-.32-.83-.32-1.35 0-.507.103-.95.31-1.33a2.32 2.32 0 0 1 .87-.89c.373-.22.796-.33 1.27-.33.693 0 1.24.22 1.64.66.406.44.61 1.04.61 1.8v.37h-3.5c.093.873.593 1.31 1.5 1.31.273 0 .546-.04.82-.12.273-.087.523-.22.75-.4l.35.84c-.261.208-.56.364-.88.46-.342.111-.7.169-1.06.17Zm-.18-4.24c-.367 0-.664.113-.89.34-.227.227-.364.533-.41.92h2.46c-.027-.407-.14-.717-.34-.93-.194-.22-.467-.33-.82-.33Zm3.551 5.94.9-2-2.03-4.69h1.33l1.37 3.42 1.4-3.42h1.26l-2.94 6.69h-1.29Zm7.609-1.09-.94-.28 2.59-8.03.94.28-2.59 8.03Zm5.861-.71v-7.05h1.28V53h-1.28Zm2.812 0v-7.05h2.62c1.18 0 2.09.303 2.73.91.647.607.97 1.477.97 2.61 0 1.127-.323 1.997-.97 2.61-.64.613-1.55.92-2.73.92h-2.62Zm1.28-1.06h1.26c1.627 0 2.44-.823 2.44-2.47 0-1.64-.813-2.46-2.44-2.46h-1.26v4.93Z"
|
||||
/>
|
||||
<defs>
|
||||
<filter
|
||||
id="a"
|
||||
width={287}
|
||||
height={92}
|
||||
x={17}
|
||||
y={34}
|
||||
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_198"
|
||||
/>
|
||||
<feBlend
|
||||
in="SourceGraphic"
|
||||
in2="effect1_dropShadow_121_198"
|
||||
result="shape"
|
||||
/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default EmptyIntegrations;
|
||||
@@ -0,0 +1,79 @@
|
||||
import React from "react";
|
||||
|
||||
const EmptyMembers = () => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="322"
|
||||
height="150"
|
||||
fill="none"
|
||||
>
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
fill="#F1F0FF"
|
||||
d="M161.5 150c41.421 0 75-33.579 75-75s-33.579-75-75-75-75 33.579-75 75 33.579 75 75 75Z"
|
||||
/>
|
||||
<g filter="url(#b)">
|
||||
<path
|
||||
fill="#fff"
|
||||
d="M312.075 35H10.925C6.548 35 3 38.582 3 43v64c0 4.418 3.548 8 7.925 8h301.15c4.377 0 7.925-3.582 7.925-8V43c0-4.418-3.548-8-7.925-8Z"
|
||||
/>
|
||||
<path
|
||||
stroke="#C5C7D1"
|
||||
d="M311.606 34H11.394C6.758 34 3 37.853 3 42.605v64.79C3 112.147 6.758 116 11.394 116h300.212c4.636 0 8.394-3.853 8.394-8.605v-64.79c0-4.752-3.758-8.605-8.394-8.605Z"
|
||||
/>
|
||||
</g>
|
||||
<path fill="#C5C7D1" d="M107 77H19a3 3 0 1 0 0 6h88a3 3 0 1 0 0-6Z" />
|
||||
<path fill="#E2E4EA" d="M119 97H19a3 3 0 1 0 0 6h100a3 3 0 1 0 0-6Z" />
|
||||
<path fill="#C5C7D1" d="M286 77h-61a3 3 0 1 0 0 6h61a3 3 0 1 0 0-6Z" />
|
||||
<path fill="#E2E4EA" d="M304 97h-79a3 3 0 1 0 0 6h79a3 3 0 1 0 0-6Z" />
|
||||
<path fill="#D9D9FE" d="M203 77h-52a3 3 0 1 0 0 6h52a3 3 0 1 0 0-6Z" />
|
||||
<path fill="#F1F0FF" d="M191 97h-40a3 3 0 1 0 0 6h40a3 3 0 1 0 0-6Z" />
|
||||
<path
|
||||
fill="#F9FAFC"
|
||||
stroke="#C5C7D1"
|
||||
d="M319.506 65H320V42.5a8.552 8.552 0 0 0-2.459-6.01 8.34 8.34 0 0 0-5.935-2.49H11.394a8.341 8.341 0 0 0-5.935 2.49A8.555 8.555 0 0 0 3 42.5V65h316.506Z"
|
||||
/>
|
||||
<path
|
||||
fill="#8B8FA2"
|
||||
d="M16.77 53v-7.05h.96l3.79 4.92v-4.92h1.19V53h-.95l-3.8-4.94V53h-1.19Zm8.97.1c-.353 0-.67-.067-.95-.2a1.721 1.721 0 0 1-.65-.56 1.406 1.406 0 0 1-.23-.79c0-.36.094-.643.28-.85.187-.213.49-.367.91-.46.42-.093.984-.14 1.69-.14h.35v-.21c0-.333-.073-.573-.22-.72-.146-.147-.393-.22-.74-.22-.273 0-.553.043-.84.13-.286.08-.576.207-.87.38l-.36-.85c.174-.12.377-.223.61-.31.24-.093.49-.163.75-.21.267-.053.517-.08.75-.08.714 0 1.244.167 1.59.5.347.327.52.837.52 1.53V53h-1.17v-.78a1.39 1.39 0 0 1-.54.65c-.246.153-.54.23-.88.23Zm.26-.86c.327 0 .597-.113.81-.34.22-.227.33-.513.33-.86v-.22h-.34c-.626 0-1.063.05-1.31.15a.516.516 0 0 0-.36.52c0 .22.077.4.23.54.154.14.367.21.64.21Zm3.62.76v-4.89h1.22v.75c.14-.26.352-.475.61-.62.26-.153.56-.23.9-.23.733 0 1.213.32 1.44.96.153-.3.373-.533.66-.7.286-.173.613-.26.98-.26 1.1 0 1.65.67 1.65 2.01V53h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.327-.26-.62-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V53h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.324-.26-.61-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V53h-1.25Zm11.159.1c-.554 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.214-.38-.32-.83-.32-1.35 0-.507.103-.95.31-1.33.213-.38.503-.677.87-.89.373-.22.796-.33 1.27-.33.693 0 1.24.22 1.64.66.406.44.61 1.04.61 1.8v.37h-3.5c.093.873.593 1.31 1.5 1.31.273 0 .546-.04.82-.12a2.33 2.33 0 0 0 .75-.4l.35.84c-.261.208-.56.364-.88.46-.354.113-.707.17-1.06.17Zm-.18-4.24c-.367 0-.664.113-.89.34-.227.227-.364.533-.41.92h2.46c-.027-.407-.14-.717-.34-.93-.194-.22-.467-.33-.82-.33ZM148.77 53v-7.05h3.06c.773 0 1.37.187 1.79.56.42.367.63.883.63 1.55 0 .527-.137.963-.41 1.31-.273.34-.667.57-1.18.69.34.107.62.363.84.77l1.18 2.17h-1.41l-1.22-2.25c-.12-.22-.263-.37-.43-.45-.16-.08-.367-.12-.62-.12h-.95V53h-1.28Zm1.28-3.77h1.56c.933 0 1.4-.38 1.4-1.14 0-.753-.467-1.13-1.4-1.13h-1.56v2.27Zm7.559 3.87c-.507 0-.947-.103-1.32-.31a2.158 2.158 0 0 1-.87-.88c-.207-.387-.31-.84-.31-1.36 0-.52.103-.97.31-1.35.198-.372.5-.678.87-.88.373-.207.813-.31 1.32-.31.506 0 .946.103 1.32.31.373.207.663.5.87.88.206.38.31.83.31 1.35 0 .52-.104.973-.31 1.36-.207.38-.497.673-.87.88-.374.207-.814.31-1.32.31Zm0-.95c.373 0 .673-.133.9-.4.226-.273.34-.673.34-1.2 0-.533-.114-.93-.34-1.19-.227-.267-.527-.4-.9-.4-.374 0-.674.133-.9.4-.227.26-.34.657-.34 1.19 0 .527.113.927.34 1.2.226.267.526.4.9.4Zm3.531.85v-7.05h1.25V53h-1.25Zm4.949.1c-.553 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.213-.38-.32-.83-.32-1.35 0-.507.104-.95.31-1.33.214-.38.504-.677.87-.89.374-.22.797-.33 1.27-.33.694 0 1.24.22 1.64.66.407.44.61 1.04.61 1.8v.37h-3.5c.094.873.594 1.31 1.5 1.31.274 0 .547-.04.82-.12.274-.087.524-.22.75-.4l.35.84c-.261.208-.56.364-.88.46a3.45 3.45 0 0 1-1.06.17Zm-.18-4.24c-.366 0-.663.113-.89.34-.226.227-.363.533-.41.92h2.46c-.026-.407-.14-.717-.34-.93-.193-.22-.466-.33-.82-.33ZM222.77 53v-7.05h4.69v1.02H224v1.94h3.24v1.02H224v2.05h3.46V53h-4.69Zm5.867 0v-4.89h1.22v.75c.146-.267.35-.473.61-.62.26-.153.56-.23.9-.23.733 0 1.213.32 1.44.96.153-.3.373-.533.66-.7.286-.173.613-.26.98-.26 1.1 0 1.65.67 1.65 2.01V53h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.327-.26-.62-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V53h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.324-.26-.61-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V53h-1.25Zm10.359.1c-.353 0-.67-.067-.95-.2a1.727 1.727 0 0 1-.65-.56 1.403 1.403 0 0 1-.23-.79c0-.36.094-.643.28-.85.187-.213.49-.367.91-.46.42-.093.984-.14 1.69-.14h.35v-.21c0-.333-.073-.573-.22-.72-.146-.147-.393-.22-.74-.22-.273 0-.553.043-.84.13-.286.08-.576.207-.87.38l-.36-.85c.174-.12.377-.223.61-.31.24-.093.49-.163.75-.21.267-.053.517-.08.75-.08.714 0 1.244.167 1.59.5.347.327.52.837.52 1.53V53h-1.17v-.78a1.39 1.39 0 0 1-.54.65c-.246.153-.54.23-.88.23Zm.26-.86c.327 0 .597-.113.81-.34.22-.227.33-.513.33-.86v-.22h-.34c-.626 0-1.063.05-1.31.15a.516.516 0 0 0-.36.52c0 .22.077.4.23.54.154.14.367.21.64.21Zm3.519-5.18v-1.22h1.4v1.22h-1.4Zm.08 5.94v-4.89h1.25V53h-1.25Zm2.549 0v-7.05h1.25V53h-1.25Z"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h322v150H0z" />
|
||||
</clipPath>
|
||||
<filter
|
||||
id="b"
|
||||
width={324}
|
||||
height={93}
|
||||
x={-0.5}
|
||||
y={33.5}
|
||||
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_213"
|
||||
/>
|
||||
<feBlend
|
||||
in="SourceGraphic"
|
||||
in2="effect1_dropShadow_121_213"
|
||||
result="shape"
|
||||
/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default EmptyMembers;
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,137 @@
|
||||
import React from "react";
|
||||
|
||||
const EmptySoftware = () => {
|
||||
return (
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="56" fill="none">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
fill="#E3E3FE"
|
||||
d="m15.438 46.738 26.923 8.726.111-31.327-8.9 9.518-18.134-5.666v18.749Z"
|
||||
/>
|
||||
<path
|
||||
fill="#F8F8FF"
|
||||
d="m84.303 46.774-41.942 8.69.111-31.327 9.902 10.65 32.04-4.758-.111 16.745Z"
|
||||
/>
|
||||
<path
|
||||
fill="#E3E3FE"
|
||||
d="m42.64 29.405 8.76 9.518 32.792-5.268.223-3.626-32.041 4.759-9.902-10.651.168 5.268Z"
|
||||
/>
|
||||
<path
|
||||
fill="#CFCFF3"
|
||||
d="m15.522 31.445 19.19 6.288 7.928-8.328-.168-5.268-8.9 9.518-18.134-5.666.084 3.456Z"
|
||||
/>
|
||||
<path
|
||||
fill="#F8F8FF"
|
||||
d="m7.484 25.326 26.088 8.329 8.9-9.518-27.257-7.988-7.731 9.177Z"
|
||||
/>
|
||||
<path
|
||||
fill="#E3E3FE"
|
||||
d="m84.692 18.613 6.509-6.883-14.852-4.25-1.419 8.414 9.762 2.719Z"
|
||||
/>
|
||||
<path
|
||||
fill="#9C9EDB"
|
||||
d="m21.696 17.933 13.657 4.107s2.28-5.438 6.452-6.855c4.171-1.417 5.173-.991 5.173-.991l-1.78-9.66S43.474-.168 39.301.569l-15.408 2.72s-4.283 1.812-3.615 5.976c.465 2.89.938 5.78 1.418 8.668Z"
|
||||
/>
|
||||
<path
|
||||
fill="#E3E3FE"
|
||||
d="m6.677 8.245 8.539 7.903 5.98-.766-.919-6.119s-.084-2.633.334-3.144L6.677 8.245Z"
|
||||
/>
|
||||
<path
|
||||
fill="#F8F8FF"
|
||||
d="m27.557 11.554 8.949-1.602a2.213 2.213 0 0 1 1.678.38c.487.348.82.88.922 1.477l.84 4.867c.047.272-.014.551-.169.777a1.02 1.02 0 0 1-.66.427l-8.26 1.48a2.903 2.903 0 0 1-2.2-.499 3.006 3.006 0 0 1-1.21-1.937l-.72-4.17a1.055 1.055 0 0 1 .459-1.053c.112-.073.239-.123.371-.147Zm13.331 4.336 1.4.85c.378.229.817-.115.74-.577l-1.021-5.938c-.081-.463-.613-.633-.89-.286l-1.03 1.286a1.513 1.513 0 0 0-.297 1.208l.419 2.424a1.517 1.517 0 0 0 .679 1.033Z"
|
||||
/>
|
||||
<path
|
||||
fill="#E3E3FE"
|
||||
d="m46.645 12.155 4.338-.51 1.168-6.204-2.753-3.144-4.589.68.417 2.72 1.419 6.458Z"
|
||||
/>
|
||||
<path
|
||||
fill="#9C9EDB"
|
||||
d="m15.856 16.063 5.34-.679.5 2.549-5.84-1.87Zm30.789-3.908.333 2.039 3.588.595.417-3.145-4.338.511Zm28.285 3.739-.75 3.993 9.595-1.358-8.845-2.635Z"
|
||||
/>
|
||||
<path
|
||||
fill="#F8F8FF"
|
||||
d="m49.203 23.344 3.337-19.21s.445-1.813 2.615-1.643c2.17.17 18.624 1.532 18.624 1.532s1.78 1.078 1.447 3.174C74.892 9.293 73 20 73 20l-23.797 3.344Z"
|
||||
/>
|
||||
<path
|
||||
fill="#9C9EDB"
|
||||
d="M56.883 17.65c-.102.909-.892 1.472-1.776 1.263-.884-.209-1.518-1.1-1.42-1.995.1-.895.893-1.463 1.777-1.267l1.598.355-.179 1.644Zm.797.183a1.48 1.48 0 0 1 .596-1.063 1.42 1.42 0 0 1 1.182-.228c.436.11.82.375 1.08.748.26.373.38.83.338 1.286l-.45 4.176c-.101.922-.893 1.482-1.775 1.248-.882-.234-1.517-1.144-1.418-2.055l.447-4.112Z"
|
||||
/>
|
||||
<path
|
||||
fill="#C3C3EE"
|
||||
d="M59.999 11.516a1.808 1.808 0 0 1-1.08-.713 1.868 1.868 0 0 1-.341-1.263 1.544 1.544 0 0 1 .592-1.084 1.486 1.486 0 0 1 1.187-.277c.885.167 1.52 1.053 1.42 1.984l-.18 1.681-1.598-.328Zm-.092.85c.436.101.821.361 1.083.731a1.9 1.9 0 0 1 .337 1.278c-.102.927-.894 1.518-1.778 1.322l-4.008-.88c-.884-.192-1.52-1.071-1.421-1.975a1.504 1.504 0 0 1 .6-1.059 1.446 1.446 0 0 1 1.177-.242l4.01.825Z"
|
||||
/>
|
||||
<path
|
||||
fill="#9C9EDB"
|
||||
d="M66.135 15.415c.102-.948.895-1.56 1.779-1.376.884.184 1.518 1.116 1.418 2.08-.1.963-.896 1.573-1.78 1.372l-1.598-.362.181-1.714Zm-.8-.174c-.102.944-.895 1.546-1.778 1.352-.883-.195-1.518-1.109-1.42-2.04l.453-4.227c.102-.936.895-1.56 1.78-1.386.883.174 1.518 1.071 1.418 2.018l-.453 4.283Z"
|
||||
/>
|
||||
<path
|
||||
fill="#C3C3EE"
|
||||
d="M63.015 21.674c.883.217 1.516 1.154 1.416 2.093-.1.939-.894 1.51-1.777 1.279a1.958 1.958 0 0 1-1.077-.786 2.02 2.02 0 0 1-.34-1.304l.18-1.675 1.598.393Zm.09-.844a1.917 1.917 0 0 1-1.08-.769 1.98 1.98 0 0 1-.338-1.296c.102-.929.894-1.517 1.778-1.317l4.007.918c.884.208 1.517 1.144 1.416 2.103-.101.958-.895 1.56-1.779 1.338l-4.004-.977Z"
|
||||
/>
|
||||
<path
|
||||
fill="#fff"
|
||||
d="m52.374 34.788 42.165-6.403-9.847-9.772-42.22 5.524 9.902 10.651Z"
|
||||
/>
|
||||
<path
|
||||
fill="#fff"
|
||||
d="m50.566 14.789-1.363 8.555-6.73.792-7.12-2.096s1.89-4.853 6.267-6.55c4.377-1.698 6.601-1.171 6.601-1.171l2.345.47Z"
|
||||
/>
|
||||
<path
|
||||
fill="#E3E3FE"
|
||||
d="m48.22 14.317-.825 9.14 1.808-.114 1.363-8.554-2.345-.473-.001.001Z"
|
||||
/>
|
||||
<path fill="#fff" d="M75.5 6.5 73 20l3-.5L78 7l-.5-2-2-1-1 .5 1 2Z" />
|
||||
<path
|
||||
stroke="#9C9EDB"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={0.789}
|
||||
d="m15.234 16.215 27.304 7.922 41.82-5.608m.001 11.348v16.841L42.436 55.52l-26.998-8.838V27.933"
|
||||
/>
|
||||
<path
|
||||
stroke="#9C9EDB"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={0.789}
|
||||
d="m42.658 24.438 9.577 10.236 42.304-6.289-9.986-9.914-8.053-2.21m-30.087-4.036 4.693-.596"
|
||||
/>
|
||||
<path
|
||||
stroke="#9C9EDB"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={0.789}
|
||||
d="M42.472 55.56V24.124l-8.844 9.53-26.2-8.328 7.776-9.139 6.124-.778"
|
||||
/>
|
||||
<path
|
||||
stroke="#9C9EDB"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={0.789}
|
||||
d="M20.66 6.238 6.613 8.16l8.591 8.027M52.23 5.647l-2.982-3.322-4.784.655m40.089 15.491 6.731-6.656L78 7.991M35.106 22.054a13.035 13.035 0 0 1 6.424-6.62 12.694 12.694 0 0 1 9.119-.63"
|
||||
/>
|
||||
<path
|
||||
stroke="#9C9EDB"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={0.789}
|
||||
d="m49.382 23.24 2.974-18.69c.098-.621.423-1.18.91-1.568a2.42 2.42 0 0 1 1.712-.52l18.136 1.455a2.43 2.43 0 0 1 1.727.95 2.539 2.539 0 0 1 .489 1.936L73.21 20.11"
|
||||
/>
|
||||
<path
|
||||
stroke="#9C9EDB"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={0.789}
|
||||
d="m76.016 19.89 2.049-12.777c.227-1.435-.76-2.835-2.183-2.957L72.8 3.9M21.708 18.144l-1.464-8.838a5.474 5.474 0 0 1 .903-4.012c.4-.574.909-1.063 1.498-1.44a5.223 5.223 0 0 1 1.926-.746L39.17.598a5.185 5.185 0 0 1 3.939.92 5.34 5.34 0 0 1 1.414 1.526 5.43 5.43 0 0 1 .732 1.96l1.54 9.288"
|
||||
/>
|
||||
<path
|
||||
stroke="#9C9EDB"
|
||||
strokeLinecap="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={0.789}
|
||||
d="M.675 46.645H15.29m69.105 0H99.01"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h100v56H0z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default EmptySoftware;
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,41 @@
|
||||
import React from "react";
|
||||
|
||||
const FileConfigurationProfile = () => {
|
||||
return (
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="40" fill="none">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
/>
|
||||
<g fill="#8B8FA2" clipPath="url(#b)">
|
||||
<path d="M16.999 14.714a6.788 6.788 0 1 0 0 13.575 6.788 6.788 0 0 0 0-13.575Zm0 12.407a5.619 5.619 0 0 1-5.62-5.62 5.619 5.619 0 0 1 5.62-5.62 5.619 5.619 0 0 1 5.62 5.62 5.619 5.619 0 0 1-5.62 5.62Z" />
|
||||
<path d="M16.999 23.207a1.708 1.708 0 1 0 0-3.416 1.708 1.708 0 0 0 0 3.416Z" />
|
||||
<path d="M26.839 22.26c-.933-.417-.933-1.101 0-1.52.933-.419.87-.891-.14-1.054-1.007-.163-1.186-.821-.393-1.466.794-.644.61-1.086-.407-.982-1.017.105-1.359-.486-.759-1.314.598-.829.308-1.208-.646-.843-.954.366-1.439-.118-1.073-1.072.365-.954-.017-1.245-.843-.647-.826.598-1.419.256-1.314-.759.105-1.017-.338-1.198-.982-.407-.645.793-1.305.617-1.466-.393-.16-1.01-.635-1.07-1.054-.14-.417.933-1.1.933-1.52 0-.416-.933-.89-.87-1.054.14-.163 1.01-.821 1.186-1.466.393-.644-.793-1.086-.61-.981.407.104 1.017-.487 1.359-1.315.759-.829-.6-1.208-.307-.842.646.363.955-.12 1.439-1.073 1.073-.954-.363-1.245.017-.647.843.598.828.256 1.419-.759 1.314-1.017-.104-1.198.338-.407.982.794.645.617 1.306-.393 1.466-1.01.16-1.07.635-.14 1.054.931.419.933 1.1 0 1.52-.933.418-.87.89.14 1.054 1.01.163 1.187.821.393 1.466-.793.644-.61 1.086.407.982 1.017-.105 1.36.486.759 1.314-.598.829-.307 1.208.647.843.954-.363 1.438.118 1.073 1.072-.364.954.016 1.245.842.647.826-.598 1.42-.256 1.315.759-.105 1.017.337 1.198.981.407.645-.794 1.306-.617 1.466.393.163 1.01.636 1.07 1.054.14.417-.933 1.101-.933 1.52 0 .416.933.891.87 1.054-.14.163-1.01.821-1.187 1.466-.393.644.793 1.087.61.982-.407-.105-1.017.486-1.36 1.314-.759.829.6 1.208.307.843-.647-.363-.954.119-1.438 1.073-1.072.954.365 1.244-.017.646-.843-.598-.828-.256-1.42.759-1.314 1.017.104 1.198-.338.407-.982-.791-.645-.617-1.306.393-1.466 1.01-.163 1.07-.636.14-1.054Zm-9.84 7.306a8.067 8.067 0 1 1 0-16.132 8.068 8.068 0 0 1 0 16.134v-.002Z" />
|
||||
<path d="m23.195 21.992-5.894-1.317-2.945-4.64-1.31.833 2.945 4.64-1.314 5.892 1.514.34 1.215-5.452 5.452 1.217.337-1.513Z" />
|
||||
</g>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
/>
|
||||
<path
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h34v40H0z" />
|
||||
</clipPath>
|
||||
<clipPath id="b">
|
||||
<path fill="#fff" d="M6.5 11h21v21h-21z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default FileConfigurationProfile;
|
||||
@@ -0,0 +1,57 @@
|
||||
import React from "react";
|
||||
|
||||
const FileP7m = () => {
|
||||
return (
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="40" fill="none">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
/>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
/>
|
||||
<path
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
/>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M2.5 20h25a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-25V20Z"
|
||||
/>
|
||||
<rect
|
||||
width={27.7}
|
||||
height={16.35}
|
||||
x={0.25}
|
||||
y={18.25}
|
||||
fill="#515774"
|
||||
rx={1.75}
|
||||
/>
|
||||
<path
|
||||
fill="#fff"
|
||||
d="M5 31v-6.882h1.82v.873h.04c.066-.169.164-.324.292-.465a1.39 1.39 0 0 1 .478-.343c.19-.086.412-.13.665-.13.336 0 .656.088.96.264.305.176.553.453.743.83.193.379.29.87.29 1.474 0 .578-.093 1.056-.276 1.437-.182.38-.425.663-.731.85a1.87 1.87 0 0 1-1 .28 1.7 1.7 0 0 1-.64-.114 1.482 1.482 0 0 1-.479-.316 1.46 1.46 0 0 1-.302-.456h-.027V31H5Zm1.793-4.38c0 .244.033.455.097.633.066.176.16.313.279.41a.683.683 0 0 0 .435.144.666.666 0 0 0 .428-.14.88.88 0 0 0 .273-.408c.064-.178.096-.39.096-.638s-.032-.46-.096-.636a.858.858 0 0 0-.273-.407.657.657 0 0 0-.428-.143.684.684 0 0 0-.435.143.9.9 0 0 0-.28.407 1.86 1.86 0 0 0-.096.636ZM10.88 29.123l2.67-5.187v-.04h-3.135V22.45h5.048v1.447l-2.683 5.226h-1.9ZM16.109 29.123v-5.005h1.74v.952h.053c.107-.313.288-.56.545-.743.257-.183.562-.274.917-.274.358 0 .667.093.926.28.26.185.415.43.469.737h.053c.086-.307.27-.552.551-.737.281-.186.611-.28.99-.28.489 0 .885.154 1.189.463.305.308.458.719.458 1.232v3.375h-1.833v-2.92c0-.219-.057-.39-.17-.514a.58.58 0 0 0-.455-.19.566.566 0 0 0-.448.19c-.109.124-.163.295-.163.515v2.92h-1.753v-2.92c0-.22-.057-.391-.17-.515a.58.58 0 0 0-.455-.19.604.604 0 0 0-.325.086.567.567 0 0 0-.213.244.878.878 0 0 0-.073.375v2.92H16.11Z"
|
||||
/>
|
||||
<rect
|
||||
width={27.7}
|
||||
height={16.35}
|
||||
x={0.25}
|
||||
y={18.25}
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
rx={1.75}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h34v40H0z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default FileP7m;
|
||||
@@ -2,47 +2,47 @@ import React from "react";
|
||||
|
||||
const FilePdf = () => {
|
||||
return (
|
||||
<svg width="34" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="40" fill="none">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M2.5 20h25a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-25V20Z"
|
||||
fill="#C5C7D1"
|
||||
d="M2.5 20h25a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-25V20Z"
|
||||
/>
|
||||
<rect
|
||||
x=".25"
|
||||
y="18.58"
|
||||
width="27.231"
|
||||
height="17.091"
|
||||
rx="1.75"
|
||||
width={27.231}
|
||||
height={17.091}
|
||||
x={0.25}
|
||||
y={18.58}
|
||||
fill="#D66C7B"
|
||||
rx={1.75}
|
||||
/>
|
||||
<path
|
||||
d="M4 32.921v-9h2.335v1.142h.051c.086-.222.21-.425.375-.61.165-.187.37-.336.614-.447.244-.113.528-.17.852-.17.432 0 .843.115 1.232.345.392.23.71.592.954 1.087.248.494.371 1.136.371 1.926 0 .755-.118 1.382-.354 1.879-.233.497-.545.868-.937 1.112-.39.245-.817.367-1.283.367-.307 0-.58-.05-.822-.15a1.9 1.9 0 0 1-.614-.413 1.912 1.912 0 0 1-.388-.596h-.034v3.528H4Zm2.301-5.727c0 .318.041.594.124.826.085.23.204.41.358.537a.866.866 0 0 0 .558.188c.216 0 .4-.061.55-.183.153-.125.27-.303.35-.533.081-.233.123-.511.123-.835 0-.324-.042-.601-.124-.831a1.123 1.123 0 0 0-.35-.533.832.832 0 0 0-.55-.187.866.866 0 0 0-.557.187c-.154.122-.273.3-.358.533-.083.23-.124.507-.124.83ZM14.139 30.552c-.466 0-.895-.122-1.287-.367-.39-.244-.702-.615-.938-1.112-.232-.497-.349-1.124-.349-1.88 0-.79.122-1.431.367-1.925.247-.495.565-.857.954-1.087.392-.23.804-.345 1.236-.345.324 0 .608.057.852.17.244.111.449.26.614.448.165.184.29.387.375.609h.034v-3.324h2.352v8.727h-2.335v-1.073h-.051a1.84 1.84 0 0 1-1.006 1.01c-.239.099-.511.149-.818.149Zm.87-1.807c.215 0 .4-.063.553-.188.156-.127.276-.306.358-.537.085-.232.128-.508.128-.826a2.4 2.4 0 0 0-.128-.831 1.134 1.134 0 0 0-.358-.533.849.849 0 0 0-.554-.187.85.85 0 0 0-.554.187c-.15.122-.267.3-.35.533-.079.23-.119.507-.119.83 0 .325.04.603.12.836.082.23.199.408.35.533a.862.862 0 0 0 .553.183ZM23.424 23.921v1.704h-4.38v-1.704h4.38Zm-3.545 6.545v-6.733c0-.54.096-.987.29-1.342.193-.355.466-.62.818-.797.352-.176.767-.264 1.244-.264.298 0 .588.023.87.068.284.046.494.085.63.12l-.34 1.687a1.84 1.84 0 0 0-.299-.06 2.05 2.05 0 0 0-.298-.025c-.222 0-.371.047-.448.14a.567.567 0 0 0-.115.371v6.835H19.88Z"
|
||||
fill="#fff"
|
||||
d="M4 32.921v-9h2.335v1.142h.051c.086-.222.21-.425.375-.61.165-.187.37-.336.614-.447.244-.113.528-.17.852-.17.432 0 .843.115 1.232.345.392.23.71.592.954 1.087.248.494.371 1.136.371 1.926 0 .755-.118 1.382-.354 1.879-.233.497-.545.868-.937 1.112-.39.245-.817.367-1.283.367-.307 0-.58-.05-.822-.15a1.9 1.9 0 0 1-.614-.413 1.912 1.912 0 0 1-.388-.596h-.034v3.528H4Zm2.301-5.727c0 .318.041.594.124.826.085.23.204.41.358.537a.866.866 0 0 0 .558.188c.216 0 .4-.061.55-.183.153-.125.27-.303.35-.533.081-.233.123-.511.123-.835 0-.324-.042-.601-.124-.831a1.123 1.123 0 0 0-.35-.533.832.832 0 0 0-.55-.187.866.866 0 0 0-.557.187c-.154.122-.273.3-.358.533-.083.23-.124.507-.124.83ZM14.139 30.552c-.466 0-.895-.122-1.287-.367-.39-.244-.702-.615-.938-1.112-.232-.497-.349-1.124-.349-1.88 0-.79.122-1.431.367-1.925.247-.495.565-.857.954-1.087.392-.23.804-.345 1.236-.345.324 0 .608.057.852.17.244.111.449.26.614.448.165.184.29.387.375.609h.034v-3.324h2.352v8.727h-2.335v-1.073h-.051a1.84 1.84 0 0 1-1.006 1.01c-.239.099-.511.149-.818.149Zm.87-1.807c.215 0 .4-.063.553-.188.156-.127.276-.306.358-.537.085-.232.128-.508.128-.826a2.4 2.4 0 0 0-.128-.831 1.134 1.134 0 0 0-.358-.533.849.849 0 0 0-.554-.187.85.85 0 0 0-.554.187c-.15.122-.267.3-.35.533-.079.23-.119.507-.119.83 0 .325.04.603.12.836.082.23.199.408.35.533a.862.862 0 0 0 .553.183ZM23.424 23.921v1.704h-4.38v-1.704h4.38Zm-3.545 6.545v-6.733c0-.54.096-.987.29-1.342.193-.355.466-.62.818-.797.352-.176.767-.264 1.244-.264.298 0 .588.023.87.068.284.046.494.085.63.12l-.34 1.687a1.84 1.84 0 0 0-.299-.06 2.05 2.05 0 0 0-.298-.025c-.222 0-.371.047-.448.14a.567.567 0 0 0-.115.371v6.835H19.88Z"
|
||||
/>
|
||||
<rect
|
||||
x=".25"
|
||||
y="18.58"
|
||||
width="27.231"
|
||||
height="17.091"
|
||||
rx="1.75"
|
||||
width={27.231}
|
||||
height={17.091}
|
||||
x={0.25}
|
||||
y={18.58}
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
strokeWidth={0.5}
|
||||
rx={1.75}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
@@ -0,0 +1,57 @@
|
||||
import React from "react";
|
||||
|
||||
const FilePem = () => {
|
||||
return (
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="40" fill="none">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
/>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
/>
|
||||
<path
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
/>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M2.5 20h25a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-25V20Z"
|
||||
/>
|
||||
<rect
|
||||
width={27.7}
|
||||
height={16.35}
|
||||
x={0.25}
|
||||
y={18.25}
|
||||
fill="#515774"
|
||||
rx={1.75}
|
||||
/>
|
||||
<path
|
||||
fill="#fff"
|
||||
d="M4.6 31.084v-6.918h1.795v.878h.04c.065-.17.161-.327.288-.469.126-.144.284-.259.472-.344a1.54 1.54 0 0 1 .655-.131c.332 0 .647.088.946.265.302.177.546.456.734.836.19.38.285.873.285 1.48 0 .581-.09 1.063-.272 1.445-.179.382-.419.667-.72.855-.3.188-.628.282-.986.282-.236 0-.447-.038-.633-.115a1.46 1.46 0 0 1-.471-.317 1.469 1.469 0 0 1-.298-.46h-.027v2.713H4.6Zm1.769-4.403c0 .245.032.457.095.636a.953.953 0 0 0 .275.413c.12.096.263.144.43.144a.65.65 0 0 0 .422-.141.886.886 0 0 0 .269-.41c.063-.179.095-.393.095-.642 0-.248-.032-.462-.095-.638a.864.864 0 0 0-.27-.41.64.64 0 0 0-.422-.144.666.666 0 0 0-.429.144.906.906 0 0 0-.275.41c-.063.177-.095.39-.095.638ZM12.8 29.29c-.538 0-1-.104-1.39-.309a2.158 2.158 0 0 1-.894-.89c-.207-.39-.311-.855-.311-1.396 0-.52.105-.974.314-1.363.21-.389.506-.692.888-.908.382-.216.833-.324 1.353-.324.38 0 .724.059 1.032.177.308.118.571.29.79.514.218.223.386.494.504.813.118.319.177.678.177 1.077v.42h-4.495v-.996h2.83a.693.693 0 0 0-.11-.38.71.71 0 0 0-.286-.259.837.837 0 0 0-.402-.095.862.862 0 0 0-.404.095.76.76 0 0 0-.294.256.72.72 0 0 0-.115.383v1.074c0 .162.034.306.102.433a.736.736 0 0 0 .291.298c.127.072.28.108.459.108.124 0 .238-.017.34-.052a.767.767 0 0 0 .27-.151.614.614 0 0 0 .163-.242h1.651a1.88 1.88 0 0 1-.403.91 2.09 2.09 0 0 1-.842.596c-.347.14-.753.21-1.219.21ZM15.816 29.197v-5.031h1.717v.956h.052c.105-.314.284-.563.538-.747a1.5 1.5 0 0 1 .904-.275 1.5 1.5 0 0 1 .914.282c.255.185.41.432.462.74h.052a1.28 1.28 0 0 1 .544-.74 1.7 1.7 0 0 1 .976-.282c.483 0 .874.155 1.173.465.301.31.452.723.452 1.238v3.394h-1.808v-2.935c0-.22-.056-.393-.167-.518a.568.568 0 0 0-.45-.19.554.554 0 0 0-.441.19c-.108.125-.161.297-.161.518v2.935h-1.73v-2.935c0-.22-.055-.393-.167-.518a.568.568 0 0 0-.448-.19.587.587 0 0 0-.322.086.568.568 0 0 0-.21.245.898.898 0 0 0-.071.377v2.935h-1.809Z"
|
||||
/>
|
||||
<rect
|
||||
width={27.7}
|
||||
height={16.35}
|
||||
x={0.25}
|
||||
y={18.25}
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
rx={1.75}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h34v40H0z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default FilePem;
|
||||
@@ -2,132 +2,132 @@ import React from "react";
|
||||
|
||||
const FilePkg = () => {
|
||||
return (
|
||||
<svg width="34" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="40" fill="none">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
strokeWidth={0.5}
|
||||
d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
/>
|
||||
<g clipPath="url(#b)">
|
||||
<path
|
||||
fill="#533006"
|
||||
d="m16.685 30.474 7.826-4.518-7.826-4.518-7.826 4.518 7.826 4.518Z"
|
||||
fill="#533006"
|
||||
/>
|
||||
<path
|
||||
opacity=".75"
|
||||
d="M24.51 25.956v-9.068l-7.825-4.518v9.036l7.826 4.55Z"
|
||||
fill="#FFE400"
|
||||
d="M24.51 25.956v-9.068l-7.825-4.518v9.036l7.826 4.55Z"
|
||||
opacity={0.75}
|
||||
/>
|
||||
<path
|
||||
opacity=".5"
|
||||
fill="#533006"
|
||||
d="M24.51 25.956v-6.068l-7.825-4.568v6.086l7.826 4.55Z"
|
||||
fill="#533006"
|
||||
opacity={0.5}
|
||||
/>
|
||||
<path
|
||||
opacity=".75"
|
||||
d="m24.51 19.87 2.609-2.982-7.826-4.518-2.608 2.949 7.826 4.55Z"
|
||||
fill="#FBC191"
|
||||
d="m24.51 19.87 2.609-2.982-7.825-4.518-2.61 2.949 7.827 4.55Z"
|
||||
opacity={0.75}
|
||||
/>
|
||||
<path
|
||||
opacity=".75"
|
||||
d="m8.859 25.956 7.826-4.55V12.37l-7.826 4.518v9.068Z"
|
||||
fill="#FBFFAC"
|
||||
d="m8.859 25.956 7.826-4.55V12.37l-7.826 4.518v9.068Z"
|
||||
opacity={0.75}
|
||||
/>
|
||||
<path
|
||||
opacity=".5"
|
||||
d="m8.859 25.956 7.826-4.55V15.32l-7.826 4.55v6.086Z"
|
||||
fill="#533006"
|
||||
d="m8.859 25.956 7.826-4.55V15.32l-7.826 4.55v6.086Z"
|
||||
opacity={0.5}
|
||||
/>
|
||||
<path
|
||||
opacity=".75"
|
||||
d="m8.859 19.869 7.826-4.55-1.74-2.95-7.825 4.518 1.739 2.982Z"
|
||||
fill="#EFAE7E"
|
||||
d="m8.859 19.869 7.826-4.55-1.74-2.95-7.825 4.518 1.739 2.982Z"
|
||||
opacity={0.75}
|
||||
/>
|
||||
<path
|
||||
opacity=".75"
|
||||
d="m16.685 21.406 7.826-4.518-7.826-4.518-7.826 4.518 7.826 4.518Z"
|
||||
fill="#FFEE64"
|
||||
d="m16.685 21.406 7.826-4.518-7.826-4.518-7.826 4.518 7.826 4.518Z"
|
||||
opacity={0.75}
|
||||
/>
|
||||
<path
|
||||
opacity=".85"
|
||||
d="M8.859 16.887v9.069l7.826 4.518v-9.068l-7.826-4.518Z"
|
||||
fill="#FFD400"
|
||||
d="M8.859 16.887v9.069l7.826 4.518v-9.068l-7.826-4.518Z"
|
||||
opacity={0.85}
|
||||
/>
|
||||
<path
|
||||
opacity=".85"
|
||||
d="M16.685 30.486v-9.068L24.51 16.9v9.068l-7.825 4.518Z"
|
||||
fill="#E8B503"
|
||||
d="M16.685 30.486v-9.068L24.51 16.9v9.068l-7.825 4.518Z"
|
||||
opacity={0.85}
|
||||
/>
|
||||
<path
|
||||
opacity=".85"
|
||||
d="M8.859 19.496v6.46l7.826 4.518V23.8l-7.826-4.304Z"
|
||||
fill="#884D1E"
|
||||
d="M8.859 19.496v6.46l7.826 4.518V23.8l-7.826-4.304Z"
|
||||
opacity={0.85}
|
||||
/>
|
||||
<path
|
||||
opacity=".85"
|
||||
d="m8.859 19.496-1.74 2.981 7.827 4.519 1.739-3.196-7.826-4.304Z"
|
||||
fill="#DEA176"
|
||||
d="m8.859 19.496-1.74 2.981 7.827 4.519 1.739-3.196-7.826-4.304Z"
|
||||
opacity={0.85}
|
||||
/>
|
||||
<path
|
||||
opacity=".85"
|
||||
d="M16.685 30.5v-6.656l7.825-4.518V26l-7.825 4.5Z"
|
||||
fill="#975C2F"
|
||||
d="M16.685 30.5v-6.656l7.825-4.518V26l-7.825 4.5Z"
|
||||
opacity={0.85}
|
||||
/>
|
||||
<path
|
||||
opacity=".85"
|
||||
d="m18.424 26.825-1.74-2.98 7.826-4.519 1.74 2.982-7.826 4.517Z"
|
||||
fill="#D49567"
|
||||
d="m18.424 26.826-1.74-2.982 7.826-4.518 1.74 2.982-7.826 4.518Z"
|
||||
opacity={0.85}
|
||||
/>
|
||||
<path
|
||||
d="m8.65 19.5.07-.132a.15.15 0 0 0-.199.055l.13.077Zm7.964 4.432a.15.15 0 0 0 .142-.264l-.142.264Zm-8.035-4.3 8.035 4.3.142-.264-8.035-4.3-.142.264Zm-.058-.21-.3.5.258.155.3-.5-.258-.154Z"
|
||||
fill="#192147"
|
||||
d="m8.65 19.5.07-.132a.15.15 0 0 0-.199.055l.129.077Zm7.964 4.432a.15.15 0 0 0 .142-.264l-.142.264Zm-8.035-4.3 8.035 4.3.142-.264-8.035-4.3-.142.264Zm-.058-.21-.3.5.258.155.3-.5-.258-.154Z"
|
||||
/>
|
||||
<path
|
||||
d="m16.69 23.82 7.96-4.52.45.7"
|
||||
stroke="#192147"
|
||||
strokeWidth=".3"
|
||||
strokeMiterlimit="10"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={0.3}
|
||||
d="m16.69 23.82 7.96-4.52.45.7"
|
||||
/>
|
||||
<path
|
||||
d="M16.685 30.474v-9.036l7.825-4.55M8.859 16.887l7.826 4.55"
|
||||
stroke="#fff"
|
||||
strokeWidth=".054"
|
||||
strokeMiterlimit="10"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={0.054}
|
||||
d="M16.685 30.474v-9.036l7.825-4.55M8.859 16.887l7.826 4.55"
|
||||
/>
|
||||
<mask
|
||||
id="c"
|
||||
maskUnits="userSpaceOnUse"
|
||||
x="6.12"
|
||||
y="11.37"
|
||||
width="22"
|
||||
height="20"
|
||||
width={22}
|
||||
height={20}
|
||||
x={6.12}
|
||||
y={11.37}
|
||||
fill="#000"
|
||||
maskUnits="userSpaceOnUse"
|
||||
>
|
||||
<path fill="#fff" d="M6.12 11.37h22v20h-22z" />
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M8.859 25.956v-2.474l-1.74-1.005 1.631-2.794-1.63-2.796 7.826-4.517.441.749 1.298-.75 1.727.998.882-.997 7.825 4.518-2.418 2.764 1.549 2.655-1.74 1.005v2.644l-7.798 4.503v.015h-.054v-.015l-7.8-4.503Zm15.505-.085.145.084-.145-.084Z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</mask>
|
||||
<path
|
||||
d="M8.859 23.482h.5a.5.5 0 0 0-.25-.433l-.25.433Zm0 2.474h-.5a.5.5 0 0 0 .25.433l.25-.433Zm-1.74-3.479-.431-.252a.5.5 0 0 0 .182.685l.25-.433Zm1.631-2.794.432.252a.5.5 0 0 0 0-.504l-.432.252Zm-1.63-2.796-.25-.433a.5.5 0 0 0-.182.685l.432-.252Zm7.826-4.517.43-.254a.5.5 0 0 0-.68-.18l.25.434Zm.441.749-.43.254a.5.5 0 0 0 .68.179l-.25-.433Zm1.298-.75.25-.432a.5.5 0 0 0-.5 0l.25.433Zm0 0-.25.433a.5.5 0 0 0 .5.001l-.25-.433Zm0 0 .25-.432a.5.5 0 0 0-.5 0l.25.433Zm1.727.998-.25.432a.5.5 0 0 0 .624-.101l-.374-.332Zm.882-.997.25-.433a.5.5 0 0 0-.625.101l.375.332Zm7.825 4.518.376.329a.5.5 0 0 0-.126-.762l-.25.433Zm-2.418 2.764-.377-.329a.5.5 0 0 0-.055.581l.432-.252Zm1.549 2.655.25.434a.5.5 0 0 0 .182-.685l-.432.252Zm-1.74 1.005-.25-.434a.5.5 0 0 0-.25.434h.5Zm0 2.644.25.433a.5.5 0 0 0 .25-.433h-.5Zm-7.798 4.503-.25-.433a.5.5 0 0 0-.25.433h.5Zm0 .015v.5a.5.5 0 0 0 .5-.5h-.5Zm-.054 0h-.5a.5.5 0 0 0 .5.5v-.5Zm0-.015h.5a.5.5 0 0 0-.25-.433l-.25.433Zm7.705-4.588-.25-.433a.5.5 0 0 0 0 .866l.25-.433Zm0 0 .252-.433a.5.5 0 0 0-.501 0l.25.433Zm.146.084-.25.433a.5.5 0 0 0 .501-.865l-.25.432ZM8.36 23.482v2.474h1v-2.474h-1Zm-1.49-.572 1.74 1.005.5-.866-1.74-1.005-.5.866Zm1.45-3.48-1.631 2.795.864.504 1.63-2.794-.864-.504Zm-1.631-2.29 1.63 2.794.864-.503-1.63-2.796-.864.504Zm8.008-5.204L6.87 16.454l.5.866 7.826-4.517-.5-.867Zm1.122.929-.441-.75-.862.508.442.75.861-.508Zm.617-.928-1.297.748.5.867 1.297-.75-.5-.865Zm.5 0-.5.865.5-.865Zm-.5 0 .5.866-.5-.867Zm2.227.997-1.727-.997-.5.866 1.727.996.5-.865Zm.257-.896-.882.997.75.663.881-.997-.749-.663Zm8.45 4.417-7.825-4.518-.5.866 7.825 4.518.5-.866Zm-2.292 3.527 2.418-2.765-.752-.658-2.419 2.764.753.659Zm1.605 2.074-1.55-2.656-.863.504 1.549 2.655.864-.503Zm-1.921 1.689L26.5 22.74l-.5-.866-1.74 1.003.5.867Zm.25 2.211v-2.645h-1v2.645h1Zm-8.05 4.936 7.8-4.503-.5-.866-7.8 4.503.5.866Zm.25-.418v-.015h-1v.015h1Zm-.526.5h.027v-1h-.027v1Zm-.027 0h.027v-1h-.027v1Zm-.5-.515v.015h1v-.015h-1Zm-7.55-4.07 7.8 4.503.5-.866-7.8-4.503-.5.866Zm16.006-.085-.5-.866.5.866Zm.145-.782-.146-.084-.5.866.146.084.5-.866Zm-.646.78.145.085.502-.864-.145-.085-.502.865Z"
|
||||
fill="#192147"
|
||||
d="M8.859 23.482h.5a.5.5 0 0 0-.25-.433l-.25.433Zm0 2.474h-.5a.5.5 0 0 0 .25.433l.25-.433Zm-1.74-3.479-.431-.252a.5.5 0 0 0 .182.685l.25-.433Zm1.631-2.794.432.252a.5.5 0 0 0 0-.504l-.432.252Zm-1.63-2.796-.25-.433a.5.5 0 0 0-.182.685l.432-.252Zm7.826-4.517.43-.254a.5.5 0 0 0-.68-.18l.25.434Zm.441.749-.43.254a.5.5 0 0 0 .68.179l-.25-.433Zm1.298-.75.25-.432a.5.5 0 0 0-.5 0l.25.433Zm0 0-.25.433a.5.5 0 0 0 .5.001l-.25-.433Zm0 0 .25-.432a.5.5 0 0 0-.5 0l.25.433Zm1.727.998-.25.432a.5.5 0 0 0 .624-.101l-.374-.332Zm.882-.997.25-.433a.5.5 0 0 0-.625.101l.375.332Zm7.825 4.518.376.329a.5.5 0 0 0-.126-.762l-.25.433ZM24.7 19.652l-.377-.329a.5.5 0 0 0-.055.581l.432-.252Zm1.549 2.655.25.434a.5.5 0 0 0 .182-.685l-.432.252Zm-1.74 1.005-.25-.434a.5.5 0 0 0-.25.434h.5Zm0 2.644.25.433a.5.5 0 0 0 .25-.433h-.5Zm-7.798 4.503-.25-.433a.5.5 0 0 0-.25.433h.5Zm0 .015v.5a.5.5 0 0 0 .5-.5h-.5Zm-.054 0h-.5a.5.5 0 0 0 .5.5v-.5Zm0-.015h.5a.5.5 0 0 0-.25-.433l-.25.433Zm7.705-4.588-.25-.433a.5.5 0 0 0 0 .866l.25-.433Zm0 0 .252-.433a.5.5 0 0 0-.501 0l.25.433Zm.146.084-.25.433a.5.5 0 0 0 .501-.865l-.251.432Zm-16.15-2.473v2.474h1v-2.474h-1Zm-1.49-.572 1.74 1.005.5-.866-1.74-1.005-.5.866Zm1.45-3.48-1.631 2.795.863.504 1.631-2.794-.864-.504Zm-1.631-2.29 1.63 2.794.864-.503-1.63-2.796-.864.504Zm8.008-5.204L6.87 16.454l.5.866 7.826-4.517-.5-.867Zm1.122.929-.442-.75-.86.508.44.75.862-.508Zm.617-.928-1.298.748.5.867 1.298-.75-.5-.865Zm.5 0-.5.865.5-.865Zm-.5 0 .5.866-.5-.867Zm2.227.997-1.727-.997-.5.866 1.727.996.5-.865Zm.257-.896-.882.997.75.663.881-.997-.75-.663Zm8.45 4.417-7.825-4.518-.5.866 7.825 4.518.5-.866Zm-2.292 3.527 2.418-2.765-.752-.658-2.419 2.764.753.659Zm1.605 2.074-1.55-2.656-.863.504 1.549 2.655.864-.503Zm-1.921 1.689L26.5 22.74l-.5-.866-1.74 1.003.5.867Zm.25 2.211v-2.645h-1v2.645h1Zm-8.05 4.936 7.8-4.503-.5-.866-7.8 4.503.5.866Zm.25-.418v-.015h-1v.015h1Zm-.526.5h.027v-1h-.027v1Zm-.027 0h.027v-1h-.027v1Zm-.5-.515v.015h1v-.015h-1Zm-7.55-4.07 7.8 4.503.5-.866-7.8-4.503-.5.866Zm16.005-.085h.001l-.5-.866.5.866Zm.146-.782-.146-.084-.5.866.146.084.5-.866Zm-.646.78.145.085.502-.864-.145-.085-.502.865Z"
|
||||
mask="url(#c)"
|
||||
/>
|
||||
</g>
|
||||
<path
|
||||
d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
fill="#C5C7D1"
|
||||
d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
/>
|
||||
<path
|
||||
d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
strokeWidth={0.5}
|
||||
d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
@@ -0,0 +1,57 @@
|
||||
import React from "react";
|
||||
|
||||
const FilePy = () => {
|
||||
return (
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="40" fill="none">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
/>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
/>
|
||||
<path
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
/>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M2.5 20h19a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-19V20Z"
|
||||
/>
|
||||
<rect
|
||||
width={21.314}
|
||||
height={16.585}
|
||||
x={0.25}
|
||||
y={18.584}
|
||||
fill="#5CABDF"
|
||||
rx={1.75}
|
||||
/>
|
||||
<path
|
||||
fill="#fff"
|
||||
d="M4 31.419v-9h2.063v1.12h.063c.086-.198.206-.39.363-.575.159-.184.36-.335.605-.451.247-.12.542-.18.886-.18.455 0 .88.12 1.274.359.398.238.719.606.963 1.103.245.497.367 1.13.367 1.9 0 .742-.118 1.363-.354 1.863-.233.5-.548.875-.946 1.125-.395.25-.834.375-1.317.375-.33 0-.615-.054-.856-.162a1.865 1.865 0 0 1-.61-.426 2.048 2.048 0 0 1-.375-.567h-.042v3.516H4Zm2.041-5.727c0 .352.047.659.14.92.097.261.235.464.414.61.182.141.4.212.652.212.256 0 .473-.07.652-.213.18-.145.314-.348.405-.61.094-.26.14-.567.14-.92 0-.352-.046-.657-.14-.916a1.29 1.29 0 0 0-.405-.6 1.006 1.006 0 0 0-.652-.214c-.256 0-.473.07-.652.21-.179.138-.317.337-.413.596-.094.258-.14.567-.14.925ZM12.739 31.419c-.25 0-.486-.02-.707-.06a2.863 2.863 0 0 1-.571-.15l.46-1.512c.204.068.389.108.554.12a.773.773 0 0 0 .43-.082.615.615 0 0 0 .281-.336l.081-.196-2.326-6.784h2.181l1.207 4.67h.068l1.223-4.67h2.194l-2.467 7.172c-.12.358-.288.673-.507.946a2.202 2.202 0 0 1-.84.647c-.34.157-.761.235-1.261.235Z"
|
||||
/>
|
||||
<rect
|
||||
width={21.314}
|
||||
height={16.585}
|
||||
x={0.25}
|
||||
y={18.584}
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
rx={1.75}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h34v40H0z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default FilePy;
|
||||
@@ -0,0 +1,68 @@
|
||||
import React from "react";
|
||||
|
||||
const FileScript = () => {
|
||||
return (
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="40" fill="none">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
/>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
/>
|
||||
<path
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
/>
|
||||
<g clipPath="url(#b)">
|
||||
<path
|
||||
fill="#8B8FA2"
|
||||
d="M15.113 26.75c.829.807 1.549 1.507 2.018 1.953.545.52.85 1.241.818 1.984-.033.743-.447 1.623-1.909 1.952-2.924.647-3.218-2.154-3.218-2.154l-.087-.817 2.389-2.917h-.011Z"
|
||||
/>
|
||||
<path
|
||||
fill="#E2E4EA"
|
||||
d="m8.916 17.297 8.302-7.713s2.073-.892 3.142.307c1.07 1.2.502 2.79.502 2.79l-7.506 7.3-4.44-2.684Z"
|
||||
/>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M15.113 26.75c-2.378-2.312-5.63-5.474-6.044-5.91-.665-.7-1.484-2.673.196-3.819a2.68 2.68 0 0 1 1.844-.414c2.716.372 2.236 3.374 2.236 3.374l5.902-5.697 5.608 5.496s1.418 1.506.632 2.525c-.785 1.019-7.952 9.517-7.952 9.517s1.003-1.305-.131-2.833c-.655-.89-2.302-2.238-2.302-2.238h.01Z"
|
||||
/>
|
||||
<path
|
||||
stroke="#515774"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={0.5}
|
||||
d="M17.633 31.716c.84-1.008 7.113-8.456 7.854-9.411.797-1.018-.632-2.525-.632-2.525l-5.608-5.496 1.615-1.602s.567-1.592-.502-2.79c-1.07-1.2-3.142-.308-3.142-.308l-7.92 7.342-.382.371c-1.21 1.167-.458 2.897.142 3.544.415.435 3.666 3.597 6.044 5.91l-2.346 2.928.044.806s.295 2.812 3.218 2.154c.698-.159 1.157-.435 1.451-.764l.153-.159h.01Z"
|
||||
/>
|
||||
<path
|
||||
stroke="#515774"
|
||||
strokeMiterlimit={10}
|
||||
strokeWidth={0.5}
|
||||
d="M15.113 26.75s1.898 1.656 2.269 2.197c.37.541 1.036 1.507.316 2.674"
|
||||
/>
|
||||
<path
|
||||
stroke="#515774"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth={0.5}
|
||||
d="m19.345 14.188-6.021 5.836s.458-1.337-.557-2.578c-1.167-1.443-2.934-.764-2.934-.764a3.708 3.708 0 0 0-.666.371"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h34v40H0z" />
|
||||
</clipPath>
|
||||
<clipPath id="b">
|
||||
<path fill="#fff" d="M8 9h18v24H8z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default FileScript;
|
||||
@@ -0,0 +1,57 @@
|
||||
import React from "react";
|
||||
|
||||
const FileSh = () => {
|
||||
return (
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="34" height="40" fill="none">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
/>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
/>
|
||||
<path
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
/>
|
||||
<path
|
||||
fill="#C5C7D1"
|
||||
d="M2.5 20h19a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-19V20Z"
|
||||
/>
|
||||
<rect
|
||||
width={21.02}
|
||||
height={16.351}
|
||||
x={0.25}
|
||||
y={18.584}
|
||||
fill="#515774"
|
||||
rx={1.75}
|
||||
/>
|
||||
<path
|
||||
fill="#fff"
|
||||
d="m10.004 26.514-1.913.051a.714.714 0 0 0-.162-.362.872.872 0 0 0-.345-.252 1.176 1.176 0 0 0-.486-.093c-.241 0-.447.048-.618.145-.168.096-.25.227-.247.392a.419.419 0 0 0 .153.332c.108.094.3.169.576.226l1.261.239c.653.125 1.14.332 1.457.622.321.29.483.673.486 1.15-.003.449-.136.84-.4 1.172-.262.332-.62.591-1.074.776-.455.181-.975.272-1.56.272-.935 0-1.672-.191-2.212-.575A2.149 2.149 0 0 1 4 29.058l2.058-.051c.046.238.164.42.354.545.19.125.433.188.729.188.267 0 .484-.05.652-.15.167-.099.252-.23.255-.396a.42.42 0 0 0-.196-.353c-.128-.091-.328-.162-.6-.213l-1.143-.218c-.656-.12-1.145-.34-1.466-.66-.32-.324-.48-.736-.477-1.236-.003-.438.114-.811.35-1.12.235-.313.57-.552 1.005-.717.435-.165.948-.247 1.539-.247.886 0 1.585.186 2.096.558.512.37.794.878.848 1.526ZM13.276 27.328v3.733h-2.084v-8.727h2.016v3.383h.072c.148-.403.39-.719.725-.946.338-.227.751-.34 1.24-.34.46 0 .86.101 1.201.306.341.202.605.487.793.856.19.37.284.802.281 1.296v4.172h-2.084v-3.763c.003-.364-.088-.648-.272-.852-.185-.205-.445-.307-.78-.307a1.14 1.14 0 0 0-.58.145.988.988 0 0 0-.388.405c-.09.176-.137.389-.14.639Z"
|
||||
/>
|
||||
<rect
|
||||
width={21.02}
|
||||
height={16.351}
|
||||
x={0.25}
|
||||
y={18.584}
|
||||
stroke="#192147"
|
||||
strokeWidth={0.5}
|
||||
rx={1.75}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h34v40H0z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default FileSh;
|
||||
@@ -0,0 +1,44 @@
|
||||
import EmptyQueries from "./EmptyQueries";
|
||||
import EmptyIntegrations from "./EmptyIntegrations";
|
||||
import EmptyMembers from "./EmptyMembers";
|
||||
import EmptyPolicies from "./EmptyPolicies";
|
||||
import EmptySoftware from "./EmptySoftware";
|
||||
import FileConfigurationProfile from "./FileConfigurationProfile";
|
||||
import FileSh from "./FileSh";
|
||||
import FilePy from "./FilePy";
|
||||
import FileScript from "./FileScript";
|
||||
import FilePdf from "./FilePdf";
|
||||
import FilePkg from "./FilePkg";
|
||||
import FileP7m from "./FileP7m";
|
||||
import FilePem from "./FilePem";
|
||||
import EmptyHosts from "./EmptyHosts";
|
||||
import EmptyTeams from "./EmptyTeams";
|
||||
import EmptyPacks from "./EmptyPacks";
|
||||
import EmptySchedule from "./EmptySchedule";
|
||||
import CollectingResults from "./CollectingResults";
|
||||
|
||||
export const GRAPHIC_MAP = {
|
||||
// Empty state graphics
|
||||
"empty-queries": EmptyQueries,
|
||||
"empty-integrations": EmptyIntegrations,
|
||||
"empty-members": EmptyMembers,
|
||||
"empty-policies": EmptyPolicies,
|
||||
"empty-software": EmptySoftware,
|
||||
"empty-hosts": EmptyHosts,
|
||||
"empty-teams": EmptyTeams,
|
||||
"empty-packs": EmptyPacks,
|
||||
"empty-schedule": EmptySchedule,
|
||||
// File type graphics
|
||||
"file-configuration-profile": FileConfigurationProfile,
|
||||
"file-sh": FileSh,
|
||||
"file-py": FilePy,
|
||||
"file-script": FileScript,
|
||||
"file-pdf": FilePdf,
|
||||
"file-pkg": FilePkg,
|
||||
"file-p7m": FileP7m,
|
||||
"file-pem": FilePem,
|
||||
// Other graphics
|
||||
"collecting-results": CollectingResults,
|
||||
};
|
||||
|
||||
export type GraphicNames = keyof typeof GRAPHIC_MAP;
|
||||
@@ -1,22 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
const Alert = () => {
|
||||
return (
|
||||
<svg
|
||||
width="16"
|
||||
height="16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M8 0C3.58 0 0 3.58 0 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8Zm1 13H7v-2h2v2Zm-2-3h2V3H7v7Z"
|
||||
fill="#FF5C83"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Alert;
|
||||
@@ -1,40 +0,0 @@
|
||||
import React from "react";
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
interface IAppleCircledProps {
|
||||
size?: IconSizes;
|
||||
iconColor?: Colors;
|
||||
bgColor?: Colors;
|
||||
}
|
||||
const AppleCircled = ({
|
||||
size = "extra-large",
|
||||
iconColor = "ui-fleet-black-75", // default grey
|
||||
bgColor = "ui-blue-10", // default light blue
|
||||
}: IAppleCircledProps) => {
|
||||
return (
|
||||
<svg
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
viewBox="0 0 48 48"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<circle cx="24" cy="24" r="24" fill={COLORS[bgColor]} />
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M27.8083 15.8143C28.711 14.8039 29.3881 13.4146 29.2188 12C27.8647 12.0505 26.2566 12.8083 25.2975 13.8188C24.4229 14.7029 23.6894 16.1427 23.8869 17.5068C25.3539 17.6078 26.8773 16.85 27.8083 15.8143Z"
|
||||
fill={COLORS[iconColor]}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M31.7296 26.9038H13.2796H31.7296V26.8785C31.3065 26.1207 31.109 24.9335 31.2783 23.9736V23.9483C31.4475 22.6853 32.3503 21.397 33.0838 20.917C33.0838 20.917 33.112 20.917 33.112 20.8918C33.2812 20.7402 33.7326 20.4118 34.0429 20.2097C32.8863 18.6941 31.0244 17.8858 29.106 17.8605C27.1877 17.709 25.1847 18.9467 24.1126 18.9215C23.0688 18.9467 21.489 17.8353 19.8246 17.911H19.7964C19.7681 17.911 19.4578 17.9363 19.4578 17.9363C17.2574 17.9868 15.3108 19.1488 14.1823 20.917C13.731 21.5486 13.2232 23.0389 13.1385 23.9736V24.0241C13.0257 24.6303 13.1385 26.1965 13.2514 26.9543C13.2514 26.9796 13.2514 26.9796 13.2514 27.0048C13.336 27.7626 13.7874 29.2277 14.0977 29.9603C14.408 30.7434 15.2826 32.2337 15.8186 32.9915C16.947 34.4314 18.273 36.0733 20.022 35.9975C21.7147 35.947 22.3353 34.9871 24.3665 35.0124C26.3977 34.9871 26.962 35.947 28.7675 35.9723C30.6012 35.8965 31.7296 34.4566 32.8581 32.9915C33.4223 32.2337 34.2686 30.7939 34.579 29.935C34.6072 29.834 34.6636 29.7077 34.6918 29.6066C33.5634 29.253 32.2092 27.8384 31.7296 26.9038Z"
|
||||
fill={COLORS[iconColor]}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default AppleCircled;
|
||||
@@ -1,21 +1,30 @@
|
||||
import React from "react";
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
const ArrowInternalLink = () => {
|
||||
interface IArrowInternalLink {
|
||||
color?: Colors;
|
||||
size?: IconSizes;
|
||||
}
|
||||
|
||||
const ArrowInternalLink = ({
|
||||
color = "core-fleet-blue",
|
||||
size = "medium",
|
||||
}: IArrowInternalLink) => {
|
||||
return (
|
||||
<svg
|
||||
width="18"
|
||||
height="11"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 18 11"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="m17.891 5.249-4.297-4.144a.385.385 0 0 0-.528 0l-.957.927a.345.345 0 0 0 0 .502l3.08 2.966-3.08 2.966a.345.345 0 0 0 0 .502l.957.927c.145.14.382.14.527 0l4.298-4.144a.345.345 0 0 0 0-.502Z"
|
||||
fill="#6A67FE"
|
||||
d="M10.7929 10.7929C10.4024 11.1834 10.4024 11.8166 10.7929 12.2071C11.1834 12.5976 11.8166 12.5976 12.2071 12.2071L15.7071 8.70714C15.8946 8.5196 16 8.26525 16 8.00003C16 7.73482 15.8946 7.48046 15.7071 7.29293L12.2071 3.7929C11.8166 3.40237 11.1834 3.40237 10.7929 3.79289C10.4024 4.18341 10.4024 4.81658 10.7929 5.2071L12.5858 7.00002L1.00001 7.00002C0.447723 7.00002 7.18771e-06 7.44773 7.23599e-06 8.00002C7.28428e-06 8.5523 0.447722 9.00002 1.00001 9.00002L12.5858 9.00002L10.7929 10.7929Z"
|
||||
fill={COLORS[color]}
|
||||
/>
|
||||
<rect y="4.5" width="16" height="2" rx="1" fill="#6A67FE" />
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -9,22 +9,12 @@ const CalendarCheck = () => {
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path d="M4.15576 1.5V4" stroke="#515774" strokeLinecap="round" />
|
||||
<path
|
||||
d="M10.6558 1.5V4"
|
||||
stroke="#515774"
|
||||
strokeWidth="0.923077"
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
<path d="M1.51855 5.5H13.1083" stroke="#515774" />
|
||||
<path
|
||||
d="M5.47465 9.53104C5.27939 9.33578 4.9628 9.33578 4.76754 9.53104C4.57228 9.72631 4.57228 10.0429 4.76754 10.2382L5.47465 9.53104ZM9.67494 7.8769C9.84063 7.65599 9.79585 7.34259 9.57494 7.1769C9.35403 7.01122 9.04063 7.05599 8.87494 7.2769L9.67494 7.8769ZM6.50571 11.2692L6.15216 11.6228C6.25465 11.7253 6.39657 11.7782 6.54115 11.768C6.68573 11.7577 6.81874 11.6852 6.90571 11.5692L6.50571 11.2692ZM4.76754 10.2382L6.15216 11.6228L6.85926 10.9157L5.47465 9.53104L4.76754 10.2382ZM6.90571 11.5692L9.67494 7.8769L8.87494 7.2769L6.10571 10.9692L6.90571 11.5692Z"
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M4 0.0500031C4.41421 0.0500031 4.75 0.385789 4.75 0.800003V2H11.25V0.800006C11.25 0.385793 11.5858 0.0500062 12 0.0500062C12.4142 0.0500062 12.75 0.385793 12.75 0.800006V2H14C15.1046 2 16 2.89543 16 4V14C16 15.1046 15.1046 16 14 16H2C0.895431 16 0 15.1046 0 14V4C0 2.89543 0.895431 2 2 2H3.25V0.800003C3.25 0.385789 3.58579 0.0500031 4 0.0500031ZM14 5.25V4L2 4V5.25H14ZM2 6.75V14H14V6.75H2ZM10.9865 7.92919C11.3017 8.19787 11.3395 8.67124 11.0708 8.98649L8.07081 12.5065C7.93465 12.6663 7.73775 12.7616 7.52797 12.7695C7.31819 12.7773 7.11474 12.6969 6.96704 12.5477L4.96704 10.5277C4.67561 10.2333 4.67797 9.75847 4.97231 9.46704C5.26666 9.17561 5.74153 9.17797 6.03296 9.47231L7.45866 10.9123L9.92919 8.01351C10.1979 7.69826 10.6712 7.66051 10.9865 7.92919Z"
|
||||
fill="#515774"
|
||||
/>
|
||||
<path
|
||||
d="M11.9672 2.90393H2.73642C1.97172 2.90393 1.35181 3.52384 1.35181 4.28855V12.0578C1.35181 13.0774 2.17836 13.9039 3.19796 13.9039H11.5057C12.5253 13.9039 13.3518 13.0774 13.3518 12.0578V7.35631V4.28855C13.3518 3.52384 12.7319 2.90393 11.9672 2.90393Z"
|
||||
stroke="#515774"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -8,25 +8,19 @@ interface ICheckProps {
|
||||
const Check = ({ color = "core-fleet-blue" }: ICheckProps) => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M2.917 8.684c-.02 0-.042 0-.083.02a1.035 1.035 0 0 1-.23-.083c.063-.041.167-.021.313.063Zm10.56-5.603c-.543-.292-1.147.27-1.5.604-.812.791-1.5 1.708-2.27 2.54-.855.917-1.646 1.834-2.52 2.73-.5.5-1.042 1.04-1.375 1.666-.75-.73-1.396-1.52-2.228-2.166C2.98 7.996 1.98 7.663 2 8.767c.042 1.437 1.313 2.978 2.25 3.957.395.417.916.854 1.52.874.73.042 1.479-.833 1.916-1.312.77-.832 1.396-1.77 2.104-2.623.916-1.125 1.854-2.23 2.748-3.374.563-.709 2.333-2.458.938-3.208Z"
|
||||
fill={COLORS[color]}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h16v16H0z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<path
|
||||
stroke={COLORS[color]}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth="2"
|
||||
d="M3 10l3 3 7-10"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -1,43 +1,33 @@
|
||||
import React from "react";
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
import { IconSizes, ICON_SIZES } from "styles/var/icon_sizes";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
interface IChevronProps {
|
||||
color?: Colors;
|
||||
/** Default direction "down" */
|
||||
direction?: "up" | "down" | "left" | "right";
|
||||
size: IconSizes;
|
||||
size?: IconSizes;
|
||||
}
|
||||
|
||||
const SVG_PATH = {
|
||||
up: "M4 10L8 6L12 10",
|
||||
down: "m4 6 4 4 4-4",
|
||||
left: "M10 12L6 8L10 4",
|
||||
right: "M6 4L10 8L6 12",
|
||||
};
|
||||
|
||||
const Chevron = ({
|
||||
const ChevronDown = ({
|
||||
color = "core-fleet-black",
|
||||
direction = "down",
|
||||
size = "medium",
|
||||
}: IChevronProps) => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
d={SVG_PATH[direction]}
|
||||
stroke={COLORS[color]}
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth="2"
|
||||
d="M12 6l-4 4-4-4"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Chevron;
|
||||
export default ChevronDown;
|
||||
@@ -1,33 +1,33 @@
|
||||
import React from "react";
|
||||
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
interface IErrorProps {
|
||||
interface IChevronProps {
|
||||
color?: Colors;
|
||||
size?: IconSizes;
|
||||
}
|
||||
|
||||
const Issue = ({
|
||||
color = "ui-fleet-black-50",
|
||||
const ChevronLeft = ({
|
||||
color = "core-fleet-black",
|
||||
size = "medium",
|
||||
}: IErrorProps) => {
|
||||
}: IChevronProps) => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12Zm0 2A8 8 0 1 0 8 0a8 8 0 0 0 0 16ZM8 4a1 1 0 0 1 1 1v3a1 1 0 1 1-2 0V5a1 1 0 0 1 1-1Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z"
|
||||
fill={COLORS[color]}
|
||||
stroke={COLORS[color]}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth="2"
|
||||
d="M10 12L6 8l4-4"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Issue;
|
||||
export default ChevronLeft;
|
||||
@@ -0,0 +1,33 @@
|
||||
import React from "react";
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
interface IChevronProps {
|
||||
color?: Colors;
|
||||
size?: IconSizes;
|
||||
}
|
||||
|
||||
const ChevronRight = ({
|
||||
color = "core-fleet-black",
|
||||
size = "medium",
|
||||
}: IChevronProps) => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
fill="none"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
stroke={COLORS[color]}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth="2"
|
||||
d="M6 4l4 4-4 4"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default ChevronRight;
|
||||
@@ -0,0 +1,33 @@
|
||||
import React from "react";
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
interface IChevronProps {
|
||||
color?: Colors;
|
||||
size?: IconSizes;
|
||||
}
|
||||
|
||||
const ChevronUp = ({
|
||||
color = "core-fleet-black",
|
||||
size = "medium",
|
||||
}: IChevronProps) => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
fill="none"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
stroke={COLORS[color]}
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
strokeWidth="2"
|
||||
d="M4 10l4-4 4 4"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default ChevronUp;
|
||||
@@ -1,35 +0,0 @@
|
||||
import React from "react";
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
interface IChromeCircledProps {
|
||||
size: IconSizes;
|
||||
iconColor?: Colors;
|
||||
bgColor?: Colors;
|
||||
}
|
||||
|
||||
const ChromeCircled = ({
|
||||
size = "extra-large",
|
||||
iconColor = "ui-fleet-black-75", // default grey
|
||||
bgColor = "ui-blue-10", // default light blue
|
||||
}: IChromeCircledProps) => {
|
||||
return (
|
||||
<svg
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
viewBox="0 0 48 48"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<circle cx="24" cy="24" r="24" fill={COLORS[bgColor]} />
|
||||
<g clipPath="url(#clip0_15434_198874)">
|
||||
<path
|
||||
d="M12 24C12 21.8156 12.5845 19.7625 13.6064 17.9578L18.7547 26.9203C19.7813 28.7578 21.7453 30 24 30C24.6703 30 25.2703 29.8922 25.9125 29.6906L22.3359 35.8875C16.4953 35.0766 12 30.0609 12 24ZM29.1141 27.075C29.6906 26.175 30 25.0828 30 24C30 22.2094 29.2125 20.6016 27.9703 19.5H35.1281C35.6906 20.8875 36 22.4109 36 24C36 30.6281 30.6281 35.9578 24 36L29.1141 27.075ZM34.3969 18H24C21.0516 18 18.6703 20.0672 18.1172 22.8141L14.5402 16.6158C16.7344 13.8061 20.1562 12 24 12C28.4438 12 32.3203 14.4131 34.3969 18ZM19.875 24C19.875 21.7219 21.7219 19.875 24 19.875C26.2781 19.875 28.125 21.7219 28.125 24C28.125 26.2781 26.2781 28.125 24 28.125C21.7219 28.125 19.875 26.2781 19.875 24Z"
|
||||
fill={COLORS[iconColor]}
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default ChromeCircled;
|
||||
@@ -10,27 +10,21 @@ interface IClockProps {
|
||||
|
||||
const Clock = ({
|
||||
color = "ui-fleet-black-75",
|
||||
size = "small",
|
||||
size = "medium",
|
||||
}: IClockProps) => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 12 13"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M6 11a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm0 1.5a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z"
|
||||
fill={COLORS[color]}
|
||||
/>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
d="M14 8A6 6 0 112 8a6 6 0 0112 0zm2 0A8 8 0 110 8a8 8 0 0116 0zM8.75 4a.75.75 0 00-1.5 0v4a.75.75 0 00.126.416l2 3a.75.75 0 101.248-.832L8.75 7.773V4z"
|
||||
clipRule="evenodd"
|
||||
d="M6 3.125a.75.75 0 0 1 .75.75V5.75h1.125a.75.75 0 0 1 0 1.5H6a.75.75 0 0 1-.75-.75V3.875a.75.75 0 0 1 .75-.75Z"
|
||||
fill={COLORS[color]}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
@@ -7,7 +7,7 @@ interface IExProps {
|
||||
size?: IconSizes;
|
||||
}
|
||||
|
||||
const Ex = ({ size = "small", color = "core-fleet-blue" }: IExProps) => {
|
||||
const Close = ({ size = "medium", color = "core-fleet-blue" }: IExProps) => {
|
||||
return (
|
||||
<svg
|
||||
width={ICON_SIZES[size]}
|
||||
@@ -17,7 +17,7 @@ const Ex = ({ size = "small", color = "core-fleet-blue" }: IExProps) => {
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="m3 3 10 10M3 13 13 3"
|
||||
d="M3 3L13 13M3 13L13 3"
|
||||
stroke={COLORS[color]}
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
@@ -26,4 +26,4 @@ const Ex = ({ size = "small", color = "core-fleet-blue" }: IExProps) => {
|
||||
);
|
||||
};
|
||||
|
||||
export default Ex;
|
||||
export default Close;
|
||||
@@ -0,0 +1,32 @@
|
||||
import React from "react";
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
interface IExCircledProps {
|
||||
color?: Colors;
|
||||
size?: IconSizes;
|
||||
}
|
||||
|
||||
const CloseFilled = ({
|
||||
size = "medium",
|
||||
color = "core-fleet-blue",
|
||||
}: IExCircledProps) => {
|
||||
return (
|
||||
<svg
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM5.53033 4.46967C5.23744 4.17678 4.76256 4.17678 4.46967 4.46967C4.17678 4.76256 4.17678 5.23744 4.46967 5.53033L6.93934 8L4.46967 10.4697C4.17678 10.7626 4.17678 11.2374 4.46967 11.5303C4.76256 11.8232 5.23744 11.8232 5.53033 11.5303L8 9.06066L10.4697 11.5303C10.7626 11.8232 11.2374 11.8232 11.5303 11.5303C11.8232 11.2374 11.8232 10.7626 11.5303 10.4697L9.06066 8L11.5303 5.53033C11.8232 5.23744 11.8232 4.76256 11.5303 4.46967C11.2374 4.17678 10.7626 4.17678 10.4697 4.46967L8 6.93934L5.53033 4.46967Z"
|
||||
fill={COLORS[color]}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default CloseFilled;
|
||||
@@ -1,39 +0,0 @@
|
||||
import React from "react";
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
interface ICriticalPolicyProps {
|
||||
color?: Colors;
|
||||
size?: IconSizes;
|
||||
}
|
||||
|
||||
const CriticalPolicy = ({
|
||||
color = "core-fleet-blue",
|
||||
size = "small",
|
||||
}: ICriticalPolicyProps) => {
|
||||
return (
|
||||
<svg
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g clipPath="url(#clip0_210_11264)">
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M8.31628 0.0513167C8.11101 -0.0171056 7.88909 -0.0171056 7.68382 0.0513167L1.68382 2.05132L1.09751 2.24676L1.0101 2.85858C0.744777 4.71586 0.739144 7.58148 1.61486 10.1817C2.50082 12.8123 4.3438 15.2886 7.80394 15.9806L8.00005 16.0198L8.19617 15.9806C11.6563 15.2886 13.4993 12.8123 14.3852 10.1817C15.261 7.58148 15.2553 4.71586 14.99 2.85858L14.9026 2.24676L14.3163 2.05132L8.31628 0.0513167ZM3.51025 9.54333C2.84797 7.57686 2.76666 5.36854 2.91876 3.74786L8.00005 2.05409L13.0813 3.74786C13.2334 5.36854 13.1521 7.57686 12.4899 9.54333C11.7701 11.6806 10.4166 13.4188 8.00005 13.9772C5.58348 13.4188 4.23004 11.6806 3.51025 9.54333ZM11.0709 6.48649C11.3396 6.17124 11.3018 5.69787 10.9865 5.42919C10.6713 5.16051 10.1979 5.19826 9.92924 5.51351L7.45871 8.41227L6.03302 6.97231C5.74159 6.67797 5.26672 6.67561 4.97237 6.96704C4.67803 7.25847 4.67566 7.73334 4.9671 8.02769L6.9671 10.0477C7.11479 10.1969 7.31825 10.2773 7.52803 10.2695C7.73781 10.2616 7.9347 10.1663 8.07087 10.0065L11.0709 6.48649Z"
|
||||
fill={COLORS[color]}
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="clip0_210_11264">
|
||||
<rect width="16" height="16" fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default CriticalPolicy;
|
||||
@@ -1,23 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
const DownCaret = () => {
|
||||
return (
|
||||
<svg
|
||||
width="10"
|
||||
height="6"
|
||||
viewBox="0 0 10 6"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M1 1L5 5L9 1"
|
||||
stroke="white"
|
||||
strokeWidth="2"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default DownCaret;
|
||||
@@ -1,77 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
const EmptyIntegrations = () => {
|
||||
return (
|
||||
<svg
|
||||
width="322"
|
||||
height="176"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 322 176"
|
||||
>
|
||||
<circle cx="162.5" cy="101" r="75" fill="#F1F0FF" />
|
||||
<g filter="url(#a)">
|
||||
<path
|
||||
d="M21 69a8 8 0 0 1 8-8h263a8 8 0 0 1 8 8v64a8 8 0 0 1-8 8H29a8 8 0 0 1-8-8V69Z"
|
||||
fill="#fff"
|
||||
/>
|
||||
<path
|
||||
d="M29 60.5a8.5 8.5 0 0 0-8.5 8.5v64a8.5 8.5 0 0 0 8.5 8.5h263a8.5 8.5 0 0 0 8.5-8.5V69a8.5 8.5 0 0 0-8.5-8.5H29Z"
|
||||
stroke="#C5C7D1"
|
||||
/>
|
||||
</g>
|
||||
<rect x="69" y="104" width="101" height="6" rx="3" fill="#C5C7D1" />
|
||||
<rect x="28" y="104" width="23" height="6" rx="3" fill="#C5C7D1" />
|
||||
<rect x="28" y="123" width="23" height="6" rx="3" fill="#C5C7D1" />
|
||||
<rect x="69" y="123" width="94" height="6" rx="3" fill="#E2E4EA" />
|
||||
<rect x="181" y="123" width="60" height="6" rx="3" fill="#E2E4EA" />
|
||||
<rect x="183" y="104" width="43" height="6" rx="3" fill="#E2E4EA" />
|
||||
<path
|
||||
d="M300 91.5h.5V69a8.5 8.5 0 0 0-8.5-8.5H29a8.5 8.5 0 0 0-8.5 8.5v22.5H300Z"
|
||||
fill="#F9FAFC"
|
||||
stroke="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
d="M72.7 79.1c-.967 0-1.707-.25-2.22-.75-.507-.507-.76-1.253-.76-2.24v-4.16H71v4.15c0 .633.143 1.11.43 1.43.293.313.717.47 1.27.47 1.127 0 1.69-.633 1.69-1.9v-4.15h1.27v4.16c0 .987-.25 1.733-.75 2.24-.5.5-1.237.75-2.21.75Zm4.453-.1v-7.05h3.06c.773 0 1.37.187 1.79.56.42.367.63.883.63 1.55 0 .527-.137.963-.41 1.31-.273.34-.667.57-1.18.69.34.107.62.363.84.77l1.18 2.17h-1.41l-1.22-2.25c-.12-.22-.264-.37-.43-.45-.16-.08-.367-.12-.62-.12h-.95V79h-1.28Zm1.28-3.77h1.56c.933 0 1.4-.38 1.4-1.14 0-.753-.467-1.13-1.4-1.13h-1.56v2.27ZM84.008 79v-7.05h1.28v5.96h3.38V79h-4.66ZM30.47 79v-5.98h-2.42v-1.07h6.12v1.07h-2.42V79h-1.28Zm4.177 1.8.9-2-2.03-4.69h1.33l1.37 3.42 1.4-3.42h1.26l-2.94 6.69h-1.29Zm4.823 0v-6.69h1.22v.78c.14-.267.35-.48.63-.64.287-.16.61-.24.97-.24.427 0 .8.103 1.12.31.327.207.58.5.76.88.18.373.27.823.27 1.35 0 .52-.09.973-.27 1.36-.18.38-.43.673-.75.88-.32.207-.696.31-1.13.31-.346 0-.66-.073-.94-.22a1.632 1.632 0 0 1-.63-.61v2.53h-1.25Zm2.47-2.65c.374 0 .674-.133.9-.4.227-.273.34-.673.34-1.2 0-.533-.113-.93-.34-1.19-.226-.267-.526-.4-.9-.4-.373 0-.673.133-.9.4-.226.26-.34.657-.34 1.19 0 .527.114.927.34 1.2.227.267.527.4.9.4Zm5.936.95c-.553 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.213-.38-.32-.83-.32-1.35 0-.507.104-.95.31-1.33.214-.38.504-.677.87-.89.374-.22.797-.33 1.27-.33.694 0 1.24.22 1.64.66.407.44.61 1.04.61 1.8v.37h-3.5c.094.873.594 1.31 1.5 1.31.274 0 .547-.04.82-.12a2.33 2.33 0 0 0 .75-.4l.35.84a2.615 2.615 0 0 1-.88.46c-.353.113-.706.17-1.06.17Zm-.18-4.24c-.366 0-.663.113-.89.34-.226.227-.363.533-.41.92h2.46c-.026-.407-.14-.717-.34-.93-.193-.22-.466-.33-.82-.33ZM183.77 79v-7.05h1.28v3.12h.02l3.11-3.12h1.56l-3.43 3.39 3.6 3.66h-1.58l-3.26-3.26h-.02V79h-1.28Zm8.804.1c-.554 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.214-.38-.32-.83-.32-1.35 0-.507.103-.95.31-1.33a2.32 2.32 0 0 1 .87-.89c.373-.22.796-.33 1.27-.33.693 0 1.24.22 1.64.66.406.44.61 1.04.61 1.8v.37h-3.5c.093.873.593 1.31 1.5 1.31.273 0 .546-.04.82-.12.273-.087.523-.22.75-.4l.35.84a2.625 2.625 0 0 1-.88.46 3.46 3.46 0 0 1-1.06.17Zm-.18-4.24c-.367 0-.664.113-.89.34-.227.227-.364.533-.41.92h2.46c-.027-.407-.14-.717-.34-.93-.194-.22-.467-.33-.82-.33Zm3.551 5.94.9-2-2.03-4.69h1.33l1.37 3.42 1.4-3.42h1.26l-2.94 6.69h-1.29Zm7.609-1.09-.94-.28 2.59-8.03.94.28-2.59 8.03Zm5.861-.71v-7.05h1.28V79h-1.28Zm2.812 0v-7.05h2.62c1.18 0 2.09.303 2.73.91.647.607.97 1.477.97 2.61 0 1.127-.323 1.997-.97 2.61-.64.613-1.55.92-2.73.92h-2.62Zm1.28-1.06h1.26c1.627 0 2.44-.823 2.44-2.47 0-1.64-.813-2.46-2.44-2.46h-1.26v4.93Z"
|
||||
fill="#8B8FA2"
|
||||
/>
|
||||
<defs>
|
||||
<filter
|
||||
id="a"
|
||||
x="20"
|
||||
y="60"
|
||||
width="281"
|
||||
height="87"
|
||||
filterUnits="userSpaceOnUse"
|
||||
colorInterpolationFilters="sRGB"
|
||||
>
|
||||
<feFlood floodOpacity="0" result="BackgroundImageFix" />
|
||||
<feColorMatrix
|
||||
in="SourceAlpha"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||
result="hardAlpha"
|
||||
/>
|
||||
<feMorphology
|
||||
radius="5"
|
||||
in="SourceAlpha"
|
||||
result="effect1_dropShadow_2250_4620"
|
||||
/>
|
||||
<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_2250_4620"
|
||||
/>
|
||||
<feBlend
|
||||
in="SourceGraphic"
|
||||
in2="effect1_dropShadow_2250_4620"
|
||||
result="shape"
|
||||
/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default EmptyIntegrations;
|
||||
@@ -1,78 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
const EmptyMembers = () => {
|
||||
return (
|
||||
<svg
|
||||
width="322"
|
||||
height="176"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 322 176"
|
||||
>
|
||||
<circle cx="162.5" cy="101" r="75" fill="#F1F0FF" />
|
||||
<g filter="url(#a)">
|
||||
<rect x="1" y="61" width="320" height="80" rx="8" fill="#fff" />
|
||||
<rect
|
||||
x=".5"
|
||||
y="60.5"
|
||||
width="321"
|
||||
height="81"
|
||||
rx="8.5"
|
||||
stroke="#C5C7D1"
|
||||
/>
|
||||
</g>
|
||||
<rect x="17" y="103" width="94" height="6" rx="3" fill="#C5C7D1" />
|
||||
<rect x="17" y="123" width="106" height="6" rx="3" fill="#E2E4EA" />
|
||||
<rect x="223" y="103" width="67" height="6" rx="3" fill="#C5C7D1" />
|
||||
<rect x="223" y="123" width="85" height="6" rx="3" fill="#E2E4EA" />
|
||||
<rect x="149" y="103" width="58" height="6" rx="3" fill="#D9D9FE" />
|
||||
<rect x="149" y="123" width="46" height="6" rx="3" fill="#F1F0FF" />
|
||||
<path
|
||||
d="M321 91.5h.5V69a8.5 8.5 0 0 0-8.5-8.5H9A8.5 8.5 0 0 0 .5 69v22.5H321Z"
|
||||
fill="#F9FAFC"
|
||||
stroke="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
d="M17.77 79v-7.05h.96l3.79 4.92v-4.92h1.19V79h-.95l-3.8-4.94V79h-1.19Zm8.97.1c-.353 0-.67-.067-.95-.2a1.722 1.722 0 0 1-.65-.56 1.406 1.406 0 0 1-.23-.79c0-.36.094-.643.28-.85.187-.213.49-.367.91-.46.42-.093.984-.14 1.69-.14h.35v-.21c0-.333-.073-.573-.22-.72-.146-.147-.393-.22-.74-.22-.273 0-.553.043-.84.13-.286.08-.576.207-.87.38l-.36-.85c.174-.12.377-.223.61-.31.24-.093.49-.163.75-.21.267-.053.517-.08.75-.08.714 0 1.244.167 1.59.5.347.327.52.837.52 1.53V79h-1.17v-.78c-.113.273-.293.49-.54.65-.246.153-.54.23-.88.23Zm.26-.86c.327 0 .597-.113.81-.34.22-.227.33-.513.33-.86v-.22h-.34c-.626 0-1.063.05-1.31.15-.24.093-.36.267-.36.52 0 .22.077.4.23.54.154.14.367.21.64.21Zm3.62.76v-4.89h1.22v.75a1.56 1.56 0 0 1 .61-.62c.26-.153.56-.23.9-.23.733 0 1.213.32 1.44.96.153-.3.373-.533.66-.7.286-.173.613-.26.98-.26 1.1 0 1.65.67 1.65 2.01V79h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.327-.26-.62-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V79h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.324-.26-.61-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V79h-1.25Zm11.159.1c-.554 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.214-.38-.32-.83-.32-1.35 0-.507.103-.95.31-1.33.213-.38.503-.677.87-.89.373-.22.796-.33 1.27-.33.693 0 1.24.22 1.64.66.406.44.61 1.04.61 1.8v.37h-3.5c.093.873.593 1.31 1.5 1.31.273 0 .546-.04.82-.12a2.33 2.33 0 0 0 .75-.4l.35.84a2.616 2.616 0 0 1-.88.46c-.354.113-.707.17-1.06.17Zm-.18-4.24c-.367 0-.664.113-.89.34-.227.227-.364.533-.41.92h2.46c-.027-.407-.14-.717-.34-.93-.194-.22-.467-.33-.82-.33ZM149.77 79v-7.05h3.06c.773 0 1.37.187 1.79.56.42.367.63.883.63 1.55 0 .527-.137.963-.41 1.31-.273.34-.667.57-1.18.69.34.107.62.363.84.77l1.18 2.17h-1.41l-1.22-2.25c-.12-.22-.263-.37-.43-.45-.16-.08-.367-.12-.62-.12h-.95V79h-1.28Zm1.28-3.77h1.56c.933 0 1.4-.38 1.4-1.14 0-.753-.467-1.13-1.4-1.13h-1.56v2.27Zm7.559 3.87c-.507 0-.947-.103-1.32-.31a2.16 2.16 0 0 1-.87-.88c-.207-.387-.31-.84-.31-1.36 0-.52.103-.97.31-1.35a2.16 2.16 0 0 1 .87-.88c.373-.207.813-.31 1.32-.31.506 0 .946.103 1.32.31.373.207.663.5.87.88.206.38.31.83.31 1.35 0 .52-.104.973-.31 1.36-.207.38-.497.673-.87.88-.374.207-.814.31-1.32.31Zm0-.95c.373 0 .673-.133.9-.4.226-.273.34-.673.34-1.2 0-.533-.114-.93-.34-1.19-.227-.267-.527-.4-.9-.4-.374 0-.674.133-.9.4-.227.26-.34.657-.34 1.19 0 .527.113.927.34 1.2.226.267.526.4.9.4Zm3.531.85v-7.05h1.25V79h-1.25Zm4.949.1c-.553 0-1.03-.103-1.43-.31-.4-.207-.71-.5-.93-.88-.213-.38-.32-.83-.32-1.35 0-.507.104-.95.31-1.33.214-.38.504-.677.87-.89.374-.22.797-.33 1.27-.33.694 0 1.24.22 1.64.66.407.44.61 1.04.61 1.8v.37h-3.5c.094.873.594 1.31 1.5 1.31.274 0 .547-.04.82-.12.274-.087.524-.22.75-.4l.35.84a2.606 2.606 0 0 1-.88.46 3.45 3.45 0 0 1-1.06.17Zm-.18-4.24c-.366 0-.663.113-.89.34-.226.227-.363.533-.41.92h2.46c-.026-.407-.14-.717-.34-.93-.193-.22-.466-.33-.82-.33ZM223.77 79v-7.05h4.69v1.02H225v1.94h3.24v1.02H225v2.05h3.46V79h-4.69Zm5.867 0v-4.89h1.22v.75c.146-.267.35-.473.61-.62.26-.153.56-.23.9-.23.733 0 1.213.32 1.44.96.153-.3.373-.533.66-.7.286-.173.613-.26.98-.26 1.1 0 1.65.67 1.65 2.01V79h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.327-.26-.62-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V79h-1.25v-2.93c0-.373-.064-.647-.19-.82-.12-.173-.324-.26-.61-.26-.327 0-.584.117-.77.35-.187.227-.28.543-.28.95V79h-1.25Zm10.359.1c-.353 0-.67-.067-.95-.2a1.725 1.725 0 0 1-.65-.56 1.41 1.41 0 0 1-.23-.79c0-.36.094-.643.28-.85.187-.213.49-.367.91-.46.42-.093.984-.14 1.69-.14h.35v-.21c0-.333-.073-.573-.22-.72-.146-.147-.393-.22-.74-.22-.273 0-.553.043-.84.13-.286.08-.576.207-.87.38l-.36-.85c.174-.12.377-.223.61-.31.24-.093.49-.163.75-.21.267-.053.517-.08.75-.08.714 0 1.244.167 1.59.5.347.327.52.837.52 1.53V79h-1.17v-.78a1.39 1.39 0 0 1-.54.65c-.246.153-.54.23-.88.23Zm.26-.86c.327 0 .597-.113.81-.34.22-.227.33-.513.33-.86v-.22h-.34c-.626 0-1.063.05-1.31.15-.24.093-.36.267-.36.52 0 .22.077.4.23.54.154.14.367.21.64.21Zm3.519-5.18v-1.22h1.4v1.22h-1.4Zm.08 5.94v-4.89h1.25V79h-1.25Zm2.549 0v-7.05h1.25V79h-1.25Z"
|
||||
fill="#8B8FA2"
|
||||
/>
|
||||
<defs>
|
||||
<filter
|
||||
id="a"
|
||||
x="0"
|
||||
y="60"
|
||||
width="322"
|
||||
height="87"
|
||||
filterUnits="userSpaceOnUse"
|
||||
colorInterpolationFilters="sRGB"
|
||||
>
|
||||
<feFlood floodOpacity="0" result="BackgroundImageFix" />
|
||||
<feColorMatrix
|
||||
in="SourceAlpha"
|
||||
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
|
||||
result="hardAlpha"
|
||||
/>
|
||||
<feMorphology
|
||||
radius="5"
|
||||
in="SourceAlpha"
|
||||
result="effect1_dropShadow_2261_4585"
|
||||
/>
|
||||
<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_2261_4585"
|
||||
/>
|
||||
<feBlend
|
||||
in="SourceGraphic"
|
||||
in2="effect1_dropShadow_2261_4585"
|
||||
result="shape"
|
||||
/>
|
||||
</filter>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default EmptyMembers;
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -1,136 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
const EmptySoftware = () => {
|
||||
return (
|
||||
<svg
|
||||
width="101"
|
||||
height="71"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 100 71"
|
||||
>
|
||||
<path
|
||||
d="m15.938 54.738 26.923 8.726.111-31.327-8.9 9.518-18.134-5.666v18.749Z"
|
||||
fill="#E3E3FE"
|
||||
/>
|
||||
<path
|
||||
d="m84.803 54.774-41.942 8.69.111-31.327 9.902 10.65 32.04-4.758-.11 16.745Z"
|
||||
fill="#F8F8FF"
|
||||
/>
|
||||
<path
|
||||
d="m43.14 37.405 8.76 9.518 32.792-5.268.223-3.626-32.041 4.759-9.902-10.651.168 5.268Z"
|
||||
fill="#E3E3FE"
|
||||
/>
|
||||
<path
|
||||
d="m16.022 39.445 19.19 6.288 7.928-8.328-.168-5.268-8.9 9.518-18.134-5.666.084 3.456Z"
|
||||
fill="#CFCFF3"
|
||||
/>
|
||||
<path
|
||||
d="m7.984 33.326 26.088 8.329 8.9-9.518-27.257-7.988-7.73 9.177Z"
|
||||
fill="#F8F8FF"
|
||||
/>
|
||||
<path
|
||||
d="m85.192 26.613 6.509-6.883-14.852-4.25-1.419 8.414 9.762 2.719Z"
|
||||
fill="#E3E3FE"
|
||||
/>
|
||||
<path
|
||||
d="m22.196 25.933 13.657 4.107s2.28-5.438 6.452-6.855c4.171-1.417 5.173-.991 5.173-.991l-1.78-9.66s-1.724-4.702-5.897-3.965l-15.408 2.72s-4.283 1.812-3.615 5.976a1690.24 1690.24 0 0 0 1.418 8.668Z"
|
||||
fill="#9C9EDB"
|
||||
/>
|
||||
<path
|
||||
d="m7.177 16.245 8.539 7.903 5.98-.766-.919-6.119s-.084-2.633.334-3.144L7.177 16.246Z"
|
||||
fill="#E3E3FE"
|
||||
/>
|
||||
<path
|
||||
d="m28.057 19.554 8.949-1.602a2.213 2.213 0 0 1 1.678.38c.487.348.82.88.922 1.477l.84 4.867c.047.272-.014.551-.169.777a1.02 1.02 0 0 1-.66.427l-8.26 1.48a2.903 2.903 0 0 1-2.2-.499 3.006 3.006 0 0 1-1.21-1.937l-.72-4.17c-.045-.27.016-.55.172-.774a1.02 1.02 0 0 1 .658-.426ZM41.388 23.89l1.4.85c.378.229.817-.115.74-.577l-1.021-5.938c-.081-.463-.613-.633-.89-.286l-1.03 1.286a1.512 1.512 0 0 0-.297 1.208l.419 2.424a1.518 1.518 0 0 0 .679 1.033Z"
|
||||
fill="#F8F8FF"
|
||||
/>
|
||||
<path
|
||||
d="m47.145 20.155 4.338-.51 1.168-6.204-2.753-3.144-4.589.68.417 2.72 1.419 6.458Z"
|
||||
fill="#E3E3FE"
|
||||
/>
|
||||
<path
|
||||
d="m16.356 24.063 5.34-.679.5 2.549-5.84-1.87ZM47.145 20.155l.333 2.039 3.588.595.417-3.145-4.338.511ZM75.43 23.894l-.75 3.993 9.595-1.358-8.844-2.635Z"
|
||||
fill="#9C9EDB"
|
||||
/>
|
||||
<path
|
||||
d="m49.703 31.344 3.337-19.21s.445-1.813 2.615-1.643c2.17.17 18.624 1.532 18.624 1.532s1.78 1.078 1.447 3.174C75.392 17.293 73.5 28 73.5 28l-23.797 3.344Z"
|
||||
fill="#F8F8FF"
|
||||
/>
|
||||
<path
|
||||
d="M57.383 25.65c-.102.909-.892 1.472-1.776 1.263-.884-.209-1.518-1.1-1.42-1.995.1-.895.893-1.463 1.777-1.267l1.598.355-.179 1.644ZM58.18 25.833a1.48 1.48 0 0 1 .596-1.063 1.421 1.421 0 0 1 1.182-.228c.436.11.82.375 1.08.748.26.373.38.83.338 1.286l-.45 4.176c-.101.922-.893 1.482-1.775 1.248-.882-.234-1.517-1.144-1.418-2.055l.448-4.112Z"
|
||||
fill="#9C9EDB"
|
||||
/>
|
||||
<path
|
||||
d="M60.499 19.516a1.808 1.808 0 0 1-1.08-.713 1.868 1.868 0 0 1-.341-1.263 1.545 1.545 0 0 1 .592-1.084 1.486 1.486 0 0 1 1.187-.277c.885.167 1.52 1.053 1.42 1.984l-.18 1.681-1.598-.328ZM60.407 20.366c.436.101.821.361 1.083.731.261.37.381.824.337 1.278-.102.927-.894 1.518-1.778 1.322l-4.008-.88c-.884-.192-1.52-1.071-1.421-1.975a1.506 1.506 0 0 1 .6-1.059 1.446 1.446 0 0 1 1.177-.242l4.01.825Z"
|
||||
fill="#C3C3EE"
|
||||
/>
|
||||
<path
|
||||
d="M66.635 23.415c.102-.948.895-1.56 1.779-1.376.884.184 1.518 1.116 1.418 2.08-.1.963-.896 1.573-1.78 1.372l-1.598-.362.18-1.714ZM65.835 23.241c-.102.944-.895 1.546-1.778 1.352-.883-.195-1.518-1.109-1.42-2.04l.453-4.227c.102-.936.895-1.56 1.78-1.386.883.174 1.518 1.071 1.418 2.018l-.453 4.283Z"
|
||||
fill="#9C9EDB"
|
||||
/>
|
||||
<path
|
||||
d="M63.515 29.674c.883.217 1.516 1.154 1.416 2.093-.1.939-.894 1.51-1.777 1.279a1.959 1.959 0 0 1-1.077-.786 2.02 2.02 0 0 1-.34-1.304l.18-1.675 1.598.393ZM63.605 28.83a1.917 1.917 0 0 1-1.08-.769 1.98 1.98 0 0 1-.338-1.296c.102-.929.894-1.517 1.778-1.317l4.007.918c.884.208 1.517 1.144 1.416 2.103-.101.958-.895 1.56-1.779 1.338l-4.004-.977Z"
|
||||
fill="#C3C3EE"
|
||||
/>
|
||||
<path
|
||||
d="m52.874 42.788 42.165-6.403-9.847-9.772-42.22 5.524 9.902 10.651Z"
|
||||
fill="#fff"
|
||||
/>
|
||||
<path
|
||||
d="m51.066 22.789-1.363 8.555-6.73.792-7.12-2.096s1.89-4.853 6.267-6.55c4.377-1.698 6.601-1.171 6.601-1.171l2.345.47Z"
|
||||
fill="#fff"
|
||||
/>
|
||||
<path
|
||||
d="m48.72 22.317-.825 9.14 1.808-.114 1.363-8.554-2.345-.473Z"
|
||||
fill="#E3E3FE"
|
||||
/>
|
||||
<path d="M76 14.5 73.5 28l3-.5 2-12.5-.5-2-2-1-1 .5 1 2Z" fill="#fff" />
|
||||
<path
|
||||
d="m15.734 24.215 27.304 7.922 41.82-5.608M84.859 37.877v16.841L42.936 63.52l-26.998-8.838V35.933"
|
||||
stroke="#9C9EDB"
|
||||
strokeWidth=".789"
|
||||
strokeMiterlimit="10"
|
||||
/>
|
||||
<path
|
||||
d="m43.158 32.438 9.577 10.236 42.304-6.289-9.986-9.914L77 24.261M46.913 20.225l4.693-.596"
|
||||
stroke="#9C9EDB"
|
||||
strokeWidth=".789"
|
||||
strokeMiterlimit="10"
|
||||
/>
|
||||
<path
|
||||
d="M42.972 63.56V32.124l-8.844 9.53-26.2-8.328 7.776-9.139 6.124-.778"
|
||||
stroke="#9C9EDB"
|
||||
strokeWidth=".789"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M21.16 14.238 7.113 16.16l8.591 8.027M52.73 13.647l-2.982-3.322-4.784.655M85.053 26.471l6.731-6.656L78.5 15.991M35.606 30.054a13.035 13.035 0 0 1 6.424-6.62 12.694 12.694 0 0 1 9.119-.63"
|
||||
stroke="#9C9EDB"
|
||||
strokeWidth=".789"
|
||||
strokeMiterlimit="10"
|
||||
/>
|
||||
<path
|
||||
d="m49.882 31.24 2.974-18.69c.098-.621.423-1.18.91-1.568a2.42 2.42 0 0 1 1.712-.52l18.136 1.455c.336.029.663.128.96.291.298.163.559.388.767.659a2.539 2.539 0 0 1 .489 1.936L73.71 28.11"
|
||||
stroke="#9C9EDB"
|
||||
strokeWidth=".789"
|
||||
strokeMiterlimit="10"
|
||||
/>
|
||||
<path
|
||||
d="m76.516 27.89 2.049-12.777c.227-1.435-.76-2.835-2.183-2.957L73.3 11.9M22.208 26.144l-1.464-8.838a5.474 5.474 0 0 1 .06-2.097 5.427 5.427 0 0 1 .843-1.915 5.323 5.323 0 0 1 1.498-1.44 5.224 5.224 0 0 1 1.926-.746l14.599-2.51a5.185 5.185 0 0 1 2.06.06c.675.159 1.314.45 1.879.86a5.34 5.34 0 0 1 1.414 1.526c.368.598.617 1.264.732 1.96l1.54 9.288"
|
||||
stroke="#9C9EDB"
|
||||
strokeWidth=".789"
|
||||
strokeMiterlimit="10"
|
||||
/>
|
||||
<path
|
||||
d="M1.175 54.645H15.79M84.895 54.645H99.51"
|
||||
stroke="#9C9EDB"
|
||||
strokeWidth=".789"
|
||||
strokeMiterlimit="10"
|
||||
strokeLinecap="round"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default EmptySoftware;
|
||||
File diff suppressed because one or more lines are too long
@@ -1,33 +0,0 @@
|
||||
import React from "react";
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
interface IExCircledProps {
|
||||
color?: Colors;
|
||||
size?: IconSizes;
|
||||
}
|
||||
|
||||
const ExCircled = ({
|
||||
size = "medium",
|
||||
color = "core-fleet-blue",
|
||||
}: IExCircledProps) => {
|
||||
return (
|
||||
<svg
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
viewBox="0 0 16 16"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16ZM5.354 4.646a.5.5 0 1 0-.708.708L7.293 8l-2.647 2.646a.5.5 0 0 0 .708.708L8 8.707l2.646 2.647a.5.5 0 0 0 .708-.708L8.707 8l2.647-2.646a.5.5 0 0 0-.708-.708L8 7.293 5.354 4.646Z"
|
||||
fill={COLORS[color]}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default ExCircled;
|
||||
@@ -9,21 +9,18 @@ interface IEye {
|
||||
const Eye = ({ color = "core-fleet-blue", size = "medium" }: IEye) => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<g clipPath="url(#a)" fill={COLORS[color]}>
|
||||
<path d="M7.996 14C3.654 14 .246 8.6.102 8.37A.708.708 0 0 1 0 8c0-.133.036-.262.102-.37C.246 7.4 3.654 2 7.996 2c4.342 0 7.758 5.4 7.902 5.63A.708.708 0 0 1 16 8a.708.708 0 0 1-.102.37C15.754 8.6 12.346 14 7.996 14ZM2.198 8c.85 1.17 2.594 4 5.798 4 3.203 0 4.948-2.83 5.797-4-.85-1.17-2.602-4-5.797-4S3.022 6.83 2.198 8Z" />
|
||||
<path d="M6.606 10.075a2.5 2.5 0 0 0 1.387.425A2.507 2.507 0 0 0 10.5 8a2.5 2.5 0 1 0-3.894 2.075Z" />
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h16v16H0z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<path
|
||||
fill={COLORS[color]}
|
||||
fillRule="evenodd"
|
||||
d="M8 2C3.384 2 .895 5.82.171 7.629a1 1 0 000 .742C.895 10.18 3.384 14 8 14s7.105-3.82 7.829-5.629a1 1 0 000-.742C15.104 5.82 12.616 2 8 2zm0 10c-3.125 0-5.05-2.427-5.808-4C2.595 7.163 3.33 6.083 4.4 5.256A4 4 0 007.99 11 4.011 4.011 0 0012 7a4 4 0 00-.4-1.743c1.07.826 1.805 1.906 2.207 2.743-.756 1.573-2.682 4-5.807 4zm.664-4.955a1.5 1.5 0 101.672-2.49 1.5 1.5 0 00-1.672 2.49z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -1,57 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
const FileBash = () => {
|
||||
return (
|
||||
<svg width="34" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
d="M29.333 39.751H4.667a2.417 2.417 0 0 1-2.417-2.417V2.668A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.104c.453.454.708 1.068.708 1.71v29.561a2.417 2.417 0 0 1-2.417 2.417Z"
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M23.5.501h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
d="M24.5.334v5.667c0 .737.597 1.333 1.333 1.333h6"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M2.5 20h19a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-19V20Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<rect
|
||||
x=".25"
|
||||
y="18.584"
|
||||
width="21.02"
|
||||
height="16.351"
|
||||
rx="1.75"
|
||||
fill="#515774"
|
||||
/>
|
||||
<path
|
||||
d="m10.004 26.514-1.913.052a.714.714 0 0 0-.162-.363.87.87 0 0 0-.345-.251 1.176 1.176 0 0 0-.486-.094c-.241 0-.447.048-.618.145-.168.097-.25.227-.247.392a.419.419 0 0 0 .153.332c.108.094.3.17.576.226l1.261.239c.653.125 1.14.332 1.457.622.321.29.483.673.486 1.15-.003.45-.136.84-.4 1.173-.262.332-.62.59-1.074.775-.455.182-.975.273-1.56.273-.935 0-1.672-.192-2.212-.575A2.149 2.149 0 0 1 4 29.058l2.058-.05c.046.238.164.42.354.545.19.125.433.187.729.187.267 0 .484-.05.652-.149.167-.1.252-.231.255-.396a.42.42 0 0 0-.196-.354c-.128-.09-.328-.162-.6-.213l-1.143-.217c-.656-.12-1.145-.34-1.466-.66-.32-.325-.48-.737-.477-1.237-.003-.437.114-.81.35-1.12.235-.313.57-.551 1.005-.716.435-.165.948-.247 1.539-.247.886 0 1.585.186 2.096.558.512.37.794.878.848 1.525ZM13.276 27.328v3.733h-2.084v-8.727h2.016v3.384h.072c.148-.404.39-.72.725-.947.338-.227.751-.34 1.24-.34.46 0 .86.102 1.201.306.341.202.605.488.793.857.19.37.284.801.281 1.295v4.172h-2.084V27.3c.003-.364-.088-.648-.272-.853-.185-.204-.445-.307-.78-.307a1.14 1.14 0 0 0-.58.145.988.988 0 0 0-.388.405c-.09.176-.137.39-.14.64Z"
|
||||
fill="#fff"
|
||||
/>
|
||||
<rect
|
||||
x=".25"
|
||||
y="18.584"
|
||||
width="21.02"
|
||||
height="16.351"
|
||||
rx="1.75"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h34v40H0z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default FileBash;
|
||||
@@ -1,68 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
const FileGeneric = () => {
|
||||
return (
|
||||
<svg width="34" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
d="M29.333 39.751H4.667a2.417 2.417 0 0 1-2.417-2.417V2.668A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.104c.453.454.708 1.068.708 1.71v29.561a2.417 2.417 0 0 1-2.417 2.417Z"
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M23.5.501h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
d="M24.5.334v5.667c0 .737.597 1.333 1.333 1.333h6"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<g clipPath="url(#b)">
|
||||
<path
|
||||
d="M15.113 26.751c.829.806 1.549 1.507 2.018 1.952.545.52.85 1.242.818 1.984-.033.743-.447 1.624-1.909 1.953-2.924.647-3.218-2.154-3.218-2.154l-.087-.817 2.389-2.918h-.011Z"
|
||||
fill="#070708"
|
||||
/>
|
||||
<path
|
||||
d="m8.916 17.298 8.302-7.714s2.073-.891 3.142.308c1.07 1.199.502 2.79.502 2.79l-7.506 7.3-4.44-2.684Z"
|
||||
fill="#E2E4EA"
|
||||
/>
|
||||
<path
|
||||
d="M15.113 26.751c-2.378-2.313-5.63-5.475-6.044-5.91-.665-.7-1.484-2.674.196-3.82a2.68 2.68 0 0 1 1.844-.413c2.716.371 2.236 3.374 2.236 3.374l5.902-5.698 5.608 5.496s1.418 1.507.632 2.525c-.785 1.019-7.952 9.518-7.952 9.518s1.003-1.305-.131-2.833c-.655-.891-2.302-2.239-2.302-2.239h.01Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
d="M17.633 31.717c.84-1.008 7.112-8.456 7.854-9.411.797-1.019-.632-2.526-.632-2.526l-5.608-5.496 1.615-1.602s.567-1.591-.502-2.79c-1.07-1.199-3.142-.308-3.142-.308l-7.92 7.342-.382.372c-1.21 1.167-.458 2.896.142 3.544.415.434 3.666 3.596 6.044 5.91l-2.346 2.928.044.806s.294 2.812 3.218 2.154c.698-.16 1.156-.435 1.451-.764l.153-.16h.01Z"
|
||||
stroke="#515774"
|
||||
strokeWidth=".5"
|
||||
strokeMiterlimit="10"
|
||||
/>
|
||||
<path
|
||||
d="M15.113 26.751s1.898 1.655 2.269 2.196c.37.541 1.036 1.507.316 2.674"
|
||||
stroke="#515774"
|
||||
strokeWidth=".5"
|
||||
strokeMiterlimit="10"
|
||||
/>
|
||||
<path
|
||||
d="m19.345 14.189-6.021 5.835s.458-1.336-.557-2.578c-1.167-1.443-2.934-.764-2.934-.764a3.714 3.714 0 0 0-.666.372"
|
||||
stroke="#515774"
|
||||
strokeWidth=".5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h34v40H0z" />
|
||||
</clipPath>
|
||||
<clipPath id="b">
|
||||
<path fill="#fff" d="M8 9h18v24H8z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default FileGeneric;
|
||||
@@ -1,57 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
const FilePython = () => {
|
||||
return (
|
||||
<svg width="34" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
d="M29.333 39.751H4.667a2.417 2.417 0 0 1-2.417-2.417V2.668A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.104c.453.454.708 1.068.708 1.71v29.561a2.417 2.417 0 0 1-2.417 2.417Z"
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M23.5.501h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
d="M24.5.334v5.667c0 .737.597 1.333 1.333 1.333h6"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M2.5 20h19a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-19V20Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<rect
|
||||
x=".25"
|
||||
y="18.584"
|
||||
width="21.314"
|
||||
height="16.585"
|
||||
rx="1.75"
|
||||
fill="#5CABDF"
|
||||
/>
|
||||
<path
|
||||
d="M4 31.42v-9h2.063v1.12h.063c.086-.199.206-.39.363-.575.159-.185.36-.336.605-.452a2.02 2.02 0 0 1 .886-.179c.455 0 .88.12 1.274.358.398.239.719.607.963 1.104.245.497.367 1.13.367 1.9 0 .742-.118 1.362-.354 1.862-.233.5-.548.875-.946 1.125-.395.25-.834.375-1.317.375-.33 0-.615-.054-.856-.162a1.864 1.864 0 0 1-.61-.426 2.046 2.046 0 0 1-.375-.566h-.042v3.515H4Zm2.041-5.728c0 .352.047.659.14.92.097.262.235.465.414.61.182.142.4.213.652.213.256 0 .473-.071.652-.213.18-.145.314-.348.405-.61.094-.261.14-.568.14-.92a2.69 2.69 0 0 0-.14-.916 1.29 1.29 0 0 0-.405-.601 1.005 1.005 0 0 0-.652-.213c-.256 0-.473.07-.652.209-.179.139-.317.338-.413.596-.094.259-.14.567-.14.925ZM12.739 31.42c-.25 0-.486-.02-.707-.06a2.863 2.863 0 0 1-.571-.15l.46-1.512c.204.068.389.108.554.119a.772.772 0 0 0 .43-.081.615.615 0 0 0 .281-.337l.081-.196-2.326-6.784h2.181l1.207 4.67h.068l1.223-4.67h2.194l-2.467 7.172c-.12.358-.288.673-.507.946a2.202 2.202 0 0 1-.84.648c-.34.156-.761.234-1.261.234Z"
|
||||
fill="#fff"
|
||||
/>
|
||||
<rect
|
||||
x=".25"
|
||||
y="18.584"
|
||||
width="21.314"
|
||||
height="16.585"
|
||||
rx="1.75"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h34v40H0z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default FilePython;
|
||||
@@ -1,57 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
const FileZsh = () => {
|
||||
return (
|
||||
<svg width="34" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
d="M29.333 39.751H4.667a2.417 2.417 0 0 1-2.417-2.417V2.668A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.104c.453.454.708 1.068.708 1.71v29.561a2.417 2.417 0 0 1-2.417 2.417Z"
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M23.5.501h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
d="M24.5.334v5.667c0 .737.597 1.333 1.333 1.333h6"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M2.5 20h25a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-25V20Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<rect
|
||||
x=".25"
|
||||
y="18.581"
|
||||
width="27.698"
|
||||
height="16.351"
|
||||
rx="1.75"
|
||||
fill="#FAA669"
|
||||
/>
|
||||
<path
|
||||
d="M4 31.058v-1.19l3.034-3.694v-.042H4.107v-1.62h5.411v1.304l-2.812 3.58v.043h2.915v1.619H4ZM16.682 26.511l-1.913.051a.713.713 0 0 0-.162-.362.87.87 0 0 0-.346-.252 1.176 1.176 0 0 0-.485-.093c-.242 0-.448.048-.618.145-.168.096-.25.227-.247.392a.419.419 0 0 0 .153.332c.108.094.3.17.575.226l1.262.239c.653.125 1.139.332 1.457.622.321.29.483.673.486 1.15-.003.45-.137.84-.4 1.172-.262.332-.62.591-1.075.776-.454.181-.974.272-1.56.272-.934 0-1.671-.191-2.211-.575a2.148 2.148 0 0 1-.92-1.551l2.058-.051c.045.238.163.42.353.545.19.125.434.188.73.188.266 0 .484-.05.651-.15.168-.099.253-.23.256-.396a.42.42 0 0 0-.196-.353c-.128-.091-.328-.162-.601-.213l-1.142-.218c-.656-.119-1.145-.34-1.466-.66-.321-.324-.48-.736-.477-1.236-.003-.438.113-.811.35-1.12.235-.313.57-.552 1.005-.717.434-.165.947-.247 1.538-.247.887 0 1.585.186 2.097.558.511.37.794.878.848 1.526ZM19.953 27.325v3.733H17.87V22.33h2.015v3.383h.073c.148-.403.389-.719.724-.946.338-.227.752-.34 1.24-.34.46 0 .861.101 1.202.306.34.202.605.487.793.856.19.37.284.802.28 1.296v4.172h-2.083v-3.763c.003-.364-.088-.648-.273-.852-.184-.205-.444-.307-.78-.307a1.14 1.14 0 0 0-.58.145.987.987 0 0 0-.387.405c-.09.176-.138.389-.14.639Z"
|
||||
fill="#fff"
|
||||
/>
|
||||
<rect
|
||||
x=".25"
|
||||
y="18.581"
|
||||
width="27.698"
|
||||
height="16.351"
|
||||
rx="1.75"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h34v40H0z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default FileZsh;
|
||||
@@ -1,203 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
const Files = () => {
|
||||
return (
|
||||
<svg width="142" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g clipPath="url(#a)">
|
||||
<path
|
||||
d="M29.333 39.75H4.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 4.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M23.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
d="M24.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M2.5 20h19a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-19V20Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<rect
|
||||
x=".25"
|
||||
y="18.584"
|
||||
width="21.314"
|
||||
height="16.585"
|
||||
rx="1.75"
|
||||
fill="#5CABDF"
|
||||
/>
|
||||
<path
|
||||
d="M4 31.419v-9h2.063v1.12h.063c.086-.198.206-.39.363-.575.159-.184.36-.335.605-.451.247-.12.542-.18.886-.18.455 0 .88.12 1.274.359.398.238.719.606.963 1.103.245.497.367 1.13.367 1.9 0 .742-.118 1.363-.354 1.863-.233.5-.548.875-.946 1.125-.395.25-.834.375-1.317.375-.33 0-.615-.054-.856-.162a1.865 1.865 0 0 1-.61-.426 2.048 2.048 0 0 1-.375-.567h-.042v3.516H4Zm2.041-5.727c0 .352.047.659.14.92.097.261.235.464.414.61.182.141.4.212.652.212.256 0 .473-.07.652-.213.18-.145.314-.348.405-.61.094-.26.14-.567.14-.92 0-.352-.046-.657-.14-.916a1.29 1.29 0 0 0-.405-.6 1.006 1.006 0 0 0-.652-.214c-.256 0-.473.07-.652.21-.179.138-.317.337-.413.596-.094.258-.14.567-.14.925ZM12.739 31.419c-.25 0-.486-.02-.707-.06a2.863 2.863 0 0 1-.571-.15l.46-1.512c.204.068.389.108.554.12a.773.773 0 0 0 .43-.082.615.615 0 0 0 .281-.336l.081-.196-2.326-6.784h2.181l1.207 4.67h.068l1.223-4.67h2.194l-2.467 7.172c-.12.358-.288.673-.507.946a2.202 2.202 0 0 1-.84.647c-.34.157-.761.235-1.261.235Z"
|
||||
fill="#fff"
|
||||
/>
|
||||
<rect
|
||||
x=".25"
|
||||
y="18.584"
|
||||
width="21.314"
|
||||
height="16.585"
|
||||
rx="1.75"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
</g>
|
||||
<g clipPath="url(#b)">
|
||||
<path
|
||||
d="M65.333 39.75H40.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 40.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M59.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
d="M60.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M38.5 20h25a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-25V20Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<rect
|
||||
x="36.25"
|
||||
y="18.58"
|
||||
width="27.698"
|
||||
height="16.351"
|
||||
rx="1.75"
|
||||
fill="#FAA669"
|
||||
/>
|
||||
<path
|
||||
d="M40 31.057v-1.189l3.034-3.694v-.043h-2.928v-1.62h5.413v1.305l-2.813 3.58v.042h2.915v1.62H40ZM52.682 26.51l-1.913.052a.713.713 0 0 0-.163-.363.87.87 0 0 0-.345-.251 1.176 1.176 0 0 0-.485-.094c-.242 0-.448.049-.618.145-.168.097-.25.227-.248.392a.419.419 0 0 0 .154.333c.108.093.3.169.575.225l1.262.239c.653.125 1.139.332 1.457.622.321.29.483.674.486 1.15-.003.45-.137.84-.4 1.173-.262.332-.62.59-1.075.775-.454.182-.974.273-1.56.273-.934 0-1.671-.192-2.211-.575a2.148 2.148 0 0 1-.92-1.552l2.058-.05c.045.238.163.42.354.545.19.125.433.187.728.187.267 0 .485-.05.652-.149.168-.1.253-.231.256-.396a.42.42 0 0 0-.196-.354c-.128-.09-.328-.162-.601-.213l-1.142-.217c-.656-.12-1.145-.34-1.466-.66-.321-.325-.48-.736-.477-1.236-.003-.438.113-.812.35-1.121.235-.313.57-.551 1.005-.716.434-.165.947-.247 1.538-.247.887 0 1.585.186 2.097.558.511.37.794.878.848 1.526ZM55.953 27.324v3.733H53.87V22.33h2.015v3.384h.073c.148-.404.389-.72.724-.946.338-.228.752-.341 1.24-.341.46 0 .861.102 1.202.306.34.202.605.488.792.857.19.37.285.801.282 1.296v4.171h-2.084v-3.762c.003-.364-.088-.648-.273-.853-.184-.204-.444-.306-.78-.306a1.14 1.14 0 0 0-.58.144.988.988 0 0 0-.387.405c-.09.176-.138.39-.14.64Z"
|
||||
fill="#fff"
|
||||
/>
|
||||
<rect
|
||||
x="36.25"
|
||||
y="18.58"
|
||||
width="27.698"
|
||||
height="16.351"
|
||||
rx="1.75"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
</g>
|
||||
<g clipPath="url(#c)">
|
||||
<path
|
||||
d="M101.333 39.75H76.667a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 76.667.25h19.562c.64 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M95.5.5h.834l.5 6.5 6.666.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
d="M96.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M74.5 20h19a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2h-19V20Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<rect
|
||||
x="72.25"
|
||||
y="18.584"
|
||||
width="21.02"
|
||||
height="16.351"
|
||||
rx="1.75"
|
||||
fill="#515774"
|
||||
/>
|
||||
<path
|
||||
d="m82.004 26.514-1.913.051a.714.714 0 0 0-.162-.362.873.873 0 0 0-.345-.252 1.176 1.176 0 0 0-.486-.093c-.242 0-.447.048-.618.145-.168.096-.25.227-.247.392a.418.418 0 0 0 .153.332c.108.094.3.169.576.226l1.261.239c.653.125 1.14.332 1.457.622.321.29.483.673.486 1.15-.003.449-.136.84-.4 1.172-.262.332-.62.591-1.074.776-.455.181-.975.272-1.56.272-.935 0-1.672-.191-2.212-.575a2.148 2.148 0 0 1-.92-1.551l2.058-.051c.046.238.164.42.354.545.19.125.433.188.729.188.267 0 .484-.05.652-.15.167-.099.252-.23.255-.396a.42.42 0 0 0-.196-.353c-.128-.091-.328-.162-.6-.213l-1.143-.218c-.656-.12-1.144-.34-1.465-.66-.322-.324-.48-.736-.478-1.236-.003-.438.114-.811.35-1.12.235-.313.57-.552 1.005-.717.435-.165.948-.247 1.539-.247.886 0 1.585.186 2.096.558.512.37.794.878.848 1.526ZM85.276 27.328v3.733h-2.084v-8.727h2.016v3.383h.072c.148-.403.39-.719.725-.946.338-.227.751-.34 1.24-.34.46 0 .86.101 1.201.306.341.202.606.487.793.856.19.37.284.802.281 1.296v4.172h-2.084v-3.763c.003-.364-.088-.648-.272-.852-.185-.205-.445-.307-.78-.307a1.14 1.14 0 0 0-.58.145.988.988 0 0 0-.388.405c-.09.176-.137.389-.14.639Z"
|
||||
fill="#fff"
|
||||
/>
|
||||
<rect
|
||||
x="72.25"
|
||||
y="18.584"
|
||||
width="21.02"
|
||||
height="16.351"
|
||||
rx="1.75"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
</g>
|
||||
<g clipPath="url(#d)">
|
||||
<path
|
||||
d="M137.333 39.75h-24.666a2.417 2.417 0 0 1-2.417-2.416V2.667A2.417 2.417 0 0 1 112.667.25h19.562c.641 0 1.255.255 1.709.708l5.104 5.105c.453.453.708 1.068.708 1.709v29.562a2.417 2.417 0 0 1-2.417 2.416Z"
|
||||
fill="#fff"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<path
|
||||
d="M131.5.5h.833l.5 6.5 6.667.5v1h-6a2 2 0 0 1-2-2v-6Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
d="M132.5.334v5.667c0 .736.597 1.333 1.333 1.333h6"
|
||||
stroke="#192147"
|
||||
strokeWidth=".5"
|
||||
/>
|
||||
<g clipPath="url(#e)">
|
||||
<path
|
||||
d="M123.113 26.75c.829.807 1.549 1.507 2.018 1.953.545.52.851 1.241.818 1.984-.033.742-.447 1.623-1.909 1.952-2.924.647-3.218-2.154-3.218-2.154l-.087-.817 2.389-2.918h-.011Z"
|
||||
fill="#8B8FA2"
|
||||
/>
|
||||
<path
|
||||
d="m116.916 17.297 8.302-7.713s2.073-.892 3.142.307c1.069 1.2.502 2.79.502 2.79l-7.506 7.3-4.44-2.684Z"
|
||||
fill="#E2E4EA"
|
||||
/>
|
||||
<path
|
||||
d="M123.113 26.75c-2.378-2.313-5.629-5.474-6.044-5.91-.665-.7-1.484-2.673.196-3.819.535-.36 1.2-.499 1.844-.414 2.716.372 2.236 3.374 2.236 3.374l5.902-5.697 5.608 5.496s1.418 1.506.632 2.525c-.785 1.018-7.952 9.517-7.952 9.517s1.003-1.305-.131-2.833c-.655-.891-2.302-2.239-2.302-2.239h.011Z"
|
||||
fill="#C5C7D1"
|
||||
/>
|
||||
<path
|
||||
d="M125.633 31.716c.84-1.008 7.112-8.456 7.854-9.41.797-1.02-.633-2.526-.633-2.526l-5.607-5.496 1.615-1.602s.567-1.592-.502-2.79c-1.069-1.2-3.142-.308-3.142-.308l-7.92 7.342-.382.371c-1.211 1.167-.458 2.897.142 3.544.415.435 3.666 3.597 6.044 5.91l-2.346 2.928.044.807s.294 2.811 3.218 2.153c.698-.159 1.156-.435 1.451-.764l.153-.159h.011Z"
|
||||
stroke="#515774"
|
||||
strokeWidth=".5"
|
||||
strokeMiterlimit="10"
|
||||
/>
|
||||
<path
|
||||
d="M123.113 26.75s1.898 1.656 2.269 2.197c.371.54 1.036 1.506.316 2.674"
|
||||
stroke="#515774"
|
||||
strokeWidth=".5"
|
||||
strokeMiterlimit="10"
|
||||
/>
|
||||
<path
|
||||
d="m127.345 14.188-6.021 5.836s.458-1.337-.557-2.578c-1.167-1.443-2.934-.764-2.934-.764a3.691 3.691 0 0 0-.666.371"
|
||||
stroke="#515774"
|
||||
strokeWidth=".5"
|
||||
strokeLinecap="round"
|
||||
strokeLinejoin="round"
|
||||
/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h34v40H0z" />
|
||||
</clipPath>
|
||||
<clipPath id="b">
|
||||
<path fill="#fff" d="M36 0h34v40H36z" />
|
||||
</clipPath>
|
||||
<clipPath id="c">
|
||||
<path fill="#fff" d="M72 0h34v40H72z" />
|
||||
</clipPath>
|
||||
<clipPath id="d">
|
||||
<path fill="#fff" d="M108 0h34v40h-34z" />
|
||||
</clipPath>
|
||||
<clipPath id="e">
|
||||
<path fill="#fff" d="M116 9h18v24h-18z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default Files;
|
||||
@@ -1,30 +1,30 @@
|
||||
import React from "react";
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
interface ILightbulbProps {
|
||||
color?: Colors;
|
||||
size?: IconSizes;
|
||||
}
|
||||
|
||||
const Lightbulb = ({ color = "core-fleet-blue" }: ILightbulbProps) => {
|
||||
const Lightbulb = ({
|
||||
size = "medium",
|
||||
color = "core-fleet-blue",
|
||||
}: ILightbulbProps) => {
|
||||
return (
|
||||
<svg
|
||||
width="28"
|
||||
height="32"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 28 33"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
fill="none"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<g clipPath="url(#a)" fill={COLORS[color]}>
|
||||
<path d="M11.15 27.79c-1 0-1.84-.73-1.99-1.72l-.47-3.13c-.2-1.35-.74-2.67-1.58-3.93a8.418 8.418 0 0 1-1.44-5.2C5.89 9.48 9.31 6 13.63 5.72c.19-.01.39-.02.58-.02 4.71 0 8.55 3.83 8.55 8.55 0 1.72-.51 3.38-1.48 4.8-.83 1.22-1.37 2.66-1.62 4.27l-.43 2.85c-.13.89-.98 1.62-1.88 1.62H11.15ZM14.2 7.38c-.15 0-.31 0-.47.02a6.83 6.83 0 0 0-4.42 2.04 6.819 6.819 0 0 0-1.97 4.45c-.07 1.5.33 2.94 1.16 4.18.99 1.47 1.61 3.02 1.85 4.62l.47 3.13c.02.17.16.29.33.29H17.34c.07 0 .2-.12.21-.18l.43-2.85c.28-1.87.92-3.54 1.89-4.97a6.853 6.853 0 0 0 1.18-3.85c0-3.78-3.08-6.86-6.86-6.86l.01-.02ZM10.89 30.21c-.39 0-.72-.32-.72-.71 0-.39.32-.71.72-.71h6.62c.39 0 .71.32.71.71 0 .39-.32.71-.71.71h-6.62ZM12.61 32.62c-.39 0-.72-.32-.72-.71 0-.39.32-.72.72-.72h3.11c.39 0 .72.32.72.72 0 .4-.32.71-.72.71h-3.11Z" />
|
||||
<path d="M13.16 26.65h-.01c-.17 0-.3-.15-.3-.32 0-.08.31-8.12-1.36-10.75a.32.32 0 0 1 .09-.43.32.32 0 0 1 .43.09c1.78 2.79 1.47 10.77 1.46 11.11 0 .17-.14.3-.31.3Z" />
|
||||
<path d="M11.74 17.16c-.26 0-.55 0-.82-.1-.43-.15-.7-.36-.86-.7-.22-.45-.1-1.13.46-1.45.45-.25 1.13-.2 1.48.31.1.14.06.33-.08.43-.14.1-.33.06-.43-.08-.17-.25-.5-.22-.68-.12-.24.13-.3.44-.2.64.08.16.19.28.5.38.19.06.43.06.66.06h2.73c.17 0 .31.14.31.31 0 .17-.14.31-.31.31h-2.77l.01.01ZM15.23 26.65c-.16 0-.3-.13-.31-.3-.01-.34-.32-8.31 1.46-11.11.09-.14.28-.19.43-.09.14.09.19.28.09.43-1.67 2.63-1.37 10.67-1.36 10.75 0 .17-.13.31-.3.32h-.01Z" />
|
||||
<path d="M16.66 17.16h-2.77c-.17 0-.31-.14-.31-.31 0-.17.14-.31.31-.31h2.73c.23 0 .47 0 .66-.06.32-.11.43-.23.5-.38.1-.2.04-.5-.2-.64-.17-.1-.51-.12-.68.12-.1.14-.29.17-.43.08a.317.317 0 0 1-.08-.43c.36-.51 1.04-.56 1.48-.31.56.31.68.99.46 1.45-.16.34-.43.55-.86.7-.27.09-.56.1-.82.1l.01-.01ZM14.2 4.13c-.36 0-.65-.29-.65-.65V1.03c0-.36.29-.65.65-.65.36 0 .65.29.65.65v2.45c0 .36-.29.65-.65.65ZM6.64 7.26a.66.66 0 0 1-.46-.19L4.27 5.16a.658.658 0 0 1 0-.92.66.66 0 0 1 .46-.19c.17 0 .34.07.46.19L7.1 6.15c.25.25.25.67 0 .92a.66.66 0 0 1-.46.19ZM21.76 7.26a.66.66 0 0 1-.46-.19.66.66 0 0 1-.19-.46c0-.17.07-.34.19-.46l1.91-1.91a.66.66 0 0 1 .46-.19c.17 0 .34.07.46.19s.19.29.19.46c0 .17-.07.34-.19.46l-1.91 1.91a.66.66 0 0 1-.46.19ZM24.9 14.8c-.36 0-.65-.29-.65-.65 0-.36.29-.65.65-.65h2.45c.36 0 .65.29.65.65 0 .36-.29.65-.65.65H24.9ZM1.06 14.88c-.36 0-.65-.29-.65-.65 0-.36.29-.65.65-.65h2.45c.36 0 .65.29.65.65 0 .36-.29.65-.65.65H1.06Z" />
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M.41.38H28v32.24H.41z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<path
|
||||
fill={COLORS[color]}
|
||||
fillRule="evenodd"
|
||||
d="M3 4.35C3 1.95 5.23 0 7.98 0c2.76 0 4.99 1.95 4.99 4.35 0 1.22-.432 1.884-.894 2.593-.435.667-.896 1.375-1.046 2.627 0 .25-.22.44-.5.44H5.44c-.28 0-.5-.2-.5-.44-.15-1.252-.611-1.96-1.046-2.627C3.432 6.233 3 5.57 3 4.35zM10.98 12c0-.55-.44-1-1-1h-4c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1zm-1 3c0-.55-.44-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1h2c.55 0 1-.45 1-1z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -13,16 +13,17 @@ const Pending = ({
|
||||
}: IPendingProps) => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
viewBox="0 0 16 17"
|
||||
fill="none"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M8 16.5C12.4183 16.5 16 12.9183 16 8.5C16 4.08172 12.4183 0.5 8 0.5C3.58172 0.5 0 4.08172 0 8.5C0 12.9183 3.58172 16.5 8 16.5ZM4.6665 9.5C5.21879 9.5 5.6665 9.05229 5.6665 8.5C5.6665 7.94772 5.21879 7.5 4.6665 7.5C4.11422 7.5 3.6665 7.94772 3.6665 8.5C3.6665 9.05229 4.11422 9.5 4.6665 9.5ZM8.6665 8.5C8.6665 9.05229 8.21879 9.5 7.6665 9.5C7.11422 9.5 6.6665 9.05229 6.6665 8.5C6.6665 7.94772 7.11422 7.5 7.6665 7.5C8.21879 7.5 8.6665 7.94772 8.6665 8.5ZM10.6665 9.5C11.2188 9.5 11.6665 9.05229 11.6665 8.5C11.6665 7.94772 11.2188 7.5 10.6665 7.5C10.1142 7.5 9.6665 7.94772 9.6665 8.5C9.6665 9.05229 10.1142 9.5 10.6665 9.5Z"
|
||||
fill={COLORS[color]}
|
||||
fillRule="evenodd"
|
||||
d="M8 16A8 8 0 108 0a8 8 0 000 16zM5 9a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0zm2 1a1 1 0 100-2 1 1 0 000 2z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
@@ -0,0 +1,28 @@
|
||||
import React from "react";
|
||||
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
|
||||
interface ICheckProps {
|
||||
color?: Colors;
|
||||
}
|
||||
|
||||
const PendingOutline = ({ color = "ui-fleet-black-50" }: ICheckProps) => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width="16"
|
||||
height="16"
|
||||
fill="none"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
fill={COLORS[color]}
|
||||
fillRule="evenodd"
|
||||
d="M14 8A6 6 0 112 8a6 6 0 0112 0zm2 0A8 8 0 110 8a8 8 0 0116 0zM5 9a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0zm2 1a1 1 0 100-2 1 1 0 000 2z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default PendingOutline;
|
||||
@@ -1,20 +0,0 @@
|
||||
import React from "react";
|
||||
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
|
||||
interface ICheckProps {
|
||||
color?: Colors;
|
||||
}
|
||||
|
||||
const PendingPartial = ({ color = "ui-fleet-black-50" }: ICheckProps) => {
|
||||
return (
|
||||
<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="8" cy="8" r="7" stroke={COLORS[color]} strokeWidth="2" />
|
||||
<circle cx="4.667" cy="8" r="1" fill={COLORS[color]} />
|
||||
<circle cx="7.667" cy="8" r="1" fill={COLORS[color]} />
|
||||
<circle cx="10.666" cy="8" r="1" fill={COLORS[color]} />
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default PendingPartial;
|
||||
@@ -1,32 +1,29 @@
|
||||
import React from "react";
|
||||
import { COLORS, Colors } from "styles/var/colors";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
interface IPolicies {
|
||||
interface IPolicyProps {
|
||||
size?: IconSizes;
|
||||
color?: Colors;
|
||||
}
|
||||
const Policy = ({ color = "core-fleet-black" }: IPolicies) => {
|
||||
const Policy = ({
|
||||
color = "ui-fleet-black-75",
|
||||
size = "medium",
|
||||
}: IPolicyProps) => {
|
||||
return (
|
||||
<svg
|
||||
width="14"
|
||||
height="16"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
fill="none"
|
||||
viewBox="0 0 16 16"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 14 16"
|
||||
>
|
||||
<g
|
||||
clipPath="url(#a)"
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
<path
|
||||
fill={COLORS[color]}
|
||||
>
|
||||
<path d="m6.951 9.838 3.112-3.015a.89.89 0 0 0 .27-.634.876.876 0 0 0-.27-.634.91.91 0 0 0-.64-.258.925.925 0 0 0-.638.258L6.313 7.95l-1.1-1.065a.919.919 0 0 0-1.477.29.877.877 0 0 0 .2.979l1.737 1.683a.91.91 0 0 0 .639.258.925.925 0 0 0 .64-.258Z" />
|
||||
<path d="M13.041 2.357v.001L7.345.067a.925.925 0 0 0-.69 0l-6.09 2.45a.906.906 0 0 0-.409.325A.882.882 0 0 0 0 3.34v2.98c0 2.066.634 4.083 1.82 5.796a10.637 10.637 0 0 0 4.84 3.82.926.926 0 0 0 .68 0 10.637 10.637 0 0 0 4.84-3.82A10.162 10.162 0 0 0 14 6.322V3.34a.88.88 0 0 0-.156-.499.905.905 0 0 0-.408-.325l-.395-.16Zm-.86 1.583v2.382a8.4 8.4 0 0 1-1.438 4.692A8.805 8.805 0 0 1 7 14.139a8.804 8.804 0 0 1-3.743-3.125 8.4 8.4 0 0 1-1.439-4.692V3.94L7 1.854l5.182 2.086Z" />
|
||||
</g>
|
||||
<defs>
|
||||
<clipPath id="a">
|
||||
<path fill="#fff" d="M0 0h14v16H0z" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
fillRule="evenodd"
|
||||
d="M8.314.058a1 1 0 00-.631 0L1.684 2.055l-.586.196-.088.612c-.265 1.855-.27 4.716.605 7.313.886 2.628 2.729 5.1 6.188 5.791l.195.04.196-.04c3.46-.69 5.302-3.163 6.188-5.79.876-2.598.87-5.46.605-7.314l-.088-.612-.586-.196L8.314.058zM2.92 3.752l5.08-1.69 5.08 1.69c.151 1.618.07 3.822-.592 5.785-.72 2.133-2.072 3.87-4.489 4.427-2.416-.558-3.769-2.294-4.488-4.427-.662-1.963-.743-4.167-.591-5.785zm8.151 2.735a.75.75 0 10-1.14-.974L7.459 8.408 6.033 6.97a.75.75 0 00-1.066 1.056l2 2.017a.75.75 0 001.103-.041l3-3.515z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -9,17 +9,17 @@ interface IQuery {
|
||||
const Query = ({ color = "core-fleet-blue", size = "medium" }: IQuery) => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="M6.5 11a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm0 2a6.47 6.47 0 0 0 3.835-1.251l3.958 3.958a1 1 0 0 0 1.414-1.414l-3.958-3.958A6.5 6.5 0 1 0 6.5 13Zm2.814-7.419A1 1 0 0 0 7.686 4.42l-1.814 2.54-.665-.666a1 1 0 0 0-1.414 1.414l1.5 1.5a1 1 0 0 0 1.52-.126l2.5-3.5Z"
|
||||
fill={COLORS[color]}
|
||||
fillRule="evenodd"
|
||||
d="M6.5 11a4.5 4.5 0 100-9 4.5 4.5 0 000 9zm0 2a6.47 6.47 0 003.835-1.251l3.958 3.958a1 1 0 001.414-1.414l-3.958-3.958A6.5 6.5 0 106.5 13zm2.61-7.564a.75.75 0 10-1.22-.872l-1.986 2.78-.874-.874a.75.75 0 00-1.06 1.06l1.5 1.5a.75.75 0 001.14-.094l2.5-3.5z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
+2
-2
@@ -5,7 +5,7 @@ interface ICheckProps {
|
||||
color?: Colors;
|
||||
}
|
||||
|
||||
const SuccessPartial = ({ color = "status-success" }: ICheckProps) => {
|
||||
const SuccessOutline = ({ color = "status-success" }: ICheckProps) => {
|
||||
return (
|
||||
<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<circle cx="8" cy="8" r="7" stroke={COLORS[color]} strokeWidth="2" />
|
||||
@@ -20,4 +20,4 @@ const SuccessPartial = ({ color = "status-success" }: ICheckProps) => {
|
||||
);
|
||||
};
|
||||
|
||||
export default SuccessPartial;
|
||||
export default SuccessOutline;
|
||||
@@ -13,15 +13,17 @@ const TrashCan = ({
|
||||
}: ITrashCanProps) => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
d="M13.25 2H10.5v-.5A1.5 1.5 0 0 0 9 0H7a1.5 1.5 0 0 0-1.5 1.5V2H2.75c-.69 0-1.25.56-1.25 1.25v1a.5.5 0 0 0 .5.5h12a.5.5 0 0 0 .5-.5v-1c0-.69-.56-1.25-1.25-1.25ZM6.5 1.5A.5.5 0 0 1 7 1h2a.5.5 0 0 1 .5.5V2h-3v-.5ZM2.449 5.75c-.09 0-.16.075-.156.164l.412 8.657A1.498 1.498 0 0 0 4.203 16h7.593c.802 0 1.46-.627 1.498-1.429l.413-8.657a.156.156 0 0 0-.156-.164H2.449ZM9.999 7a.5.5 0 1 1 1 0v6.5a.5.5 0 1 1-1 0V7ZM7.5 7a.5.5 0 1 1 1 0v6.5a.5.5 0 1 1-1 0V7ZM5 7a.5.5 0 1 1 1 0v6.5a.5.5 0 1 1-1 0V7Z"
|
||||
fill={COLORS[color]}
|
||||
fillRule="evenodd"
|
||||
d="M5 1a1 1 0 011-1h4a1 1 0 011 1h3a1 1 0 110 2H2a1 1 0 010-2h3zm9 3H2l.46 11.042a1 1 0 001 .958h9.08a1 1 0 001-.958L14 4zM5 6a.5.5 0 01.5.5v7a.5.5 0 01-1 0v-7A.5.5 0 015 6zm3 0a.5.5 0 01.5.5v7a.5.5 0 01-1 0v-7A.5.5 0 018 6zm3.5.5a.5.5 0 00-1 0v7a.5.5 0 001 0v-7z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
@@ -10,21 +10,21 @@ interface IWarningProps {
|
||||
|
||||
const Warning = ({
|
||||
color = "status-warning",
|
||||
size = "small",
|
||||
size = "medium",
|
||||
}: IWarningProps) => {
|
||||
return (
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
viewBox="0 0 12 13"
|
||||
viewBox="0 0 16 16"
|
||||
>
|
||||
<path
|
||||
fillRule="evenodd"
|
||||
clipRule="evenodd"
|
||||
d="m11.887 11.214.008-.008L6.645.92l-.007.009C6.51.67 6.277.5 6 .5c-.277 0-.503.171-.638.429L5.356.92.105 11.206l.008.008a.898.898 0 0 0-.113.429c0 .471.338.857.75.857h10.5c.412 0 .75-.386.75-.857 0-.163-.045-.3-.113-.429ZM6 4.25a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0V5A.75.75 0 0 1 6 4.25ZM6 11a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Z"
|
||||
fill={COLORS[color]}
|
||||
fillRule="evenodd"
|
||||
d="M15.85 14.286l.01-.012L8.86.56l-.01.011C8.68.23 8.37 0 8 0s-.67.229-.85.571L7.14.56l-7 13.714.01.012c-.09.171-.15.354-.15.571C0 15.486.45 16 1 16h14c.55 0 1-.514 1-1.143 0-.217-.06-.4-.15-.571zM8 5.25a.75.75 0 01.75.75v4a.75.75 0 01-1.5 0V6A.75.75 0 018 5.25zM8 14a1 1 0 100-2 1 1 0 000 2z"
|
||||
clipRule="evenodd"
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
|
||||
@@ -1,51 +0,0 @@
|
||||
import React from "react";
|
||||
import { Colors, COLORS } from "styles/var/colors";
|
||||
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
||||
|
||||
interface IWindowsCircledProps {
|
||||
size: IconSizes;
|
||||
iconColor?: Colors;
|
||||
bgColor?: Colors;
|
||||
}
|
||||
|
||||
const WindowsCircled = ({
|
||||
size = "extra-large",
|
||||
iconColor = "ui-fleet-black-75", // default grey
|
||||
bgColor = "ui-blue-10", // default light blue
|
||||
}: IWindowsCircledProps) => {
|
||||
return (
|
||||
<svg
|
||||
width={ICON_SIZES[size]}
|
||||
height={ICON_SIZES[size]}
|
||||
viewBox="0 0 48 48"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<circle cx="24" cy="24" r="24" fill={COLORS[bgColor]} />
|
||||
<rect
|
||||
width="24"
|
||||
height="24"
|
||||
transform="translate(12 12)"
|
||||
fill={COLORS[bgColor]}
|
||||
/>
|
||||
<path
|
||||
d="M13.0918 31.7125L20.8792 33.2694V24.479H13.0918V31.7125Z"
|
||||
fill={COLORS[iconColor]}
|
||||
/>
|
||||
<path
|
||||
d="M13.0918 23.4969H20.8792V14.7544L13.0918 16.3113V23.4969Z"
|
||||
fill={COLORS[iconColor]}
|
||||
/>
|
||||
<path
|
||||
d="M22.1172 23.497H34.6914V12L22.1172 14.515V23.497Z"
|
||||
fill={COLORS[iconColor]}
|
||||
/>
|
||||
<path
|
||||
d="M22.1172 33.5089L34.6914 36V24.479H22.1172V33.5089Z"
|
||||
fill={COLORS[iconColor]}
|
||||
/>
|
||||
</svg>
|
||||
);
|
||||
};
|
||||
|
||||
export default WindowsCircled;
|
||||
@@ -1,31 +1,20 @@
|
||||
import Alert from "./Alert";
|
||||
import Arrow from "./Arrow";
|
||||
import ArrowInternalLink from "./ArrowInternalLink";
|
||||
import CalendarCheck from "./CalendarCheck";
|
||||
import Check from "./Check";
|
||||
import Chevron from "./Chevron";
|
||||
import CollectingResults from "./CollectingResults";
|
||||
import ChevronLeft from "./ChevronLeft";
|
||||
import ChevronRight from "./ChevronRight";
|
||||
import ChevronUp from "./ChevronUp";
|
||||
import ChevronDown from "./ChevronDown";
|
||||
import Columns from "./Columns";
|
||||
import CriticalPolicy from "./CriticalPolicy";
|
||||
import Disable from "./Disable";
|
||||
import DownCaret from "./DownCaret";
|
||||
import Ex from "./Ex";
|
||||
import ExCircled from "./ExCircled";
|
||||
import EmptyHosts from "./EmptyHosts";
|
||||
import EmptyIntegrations from "./EmptyIntegrations";
|
||||
import EmptyMembers from "./EmptyMembers";
|
||||
import EmptyPacks from "./EmptyPacks";
|
||||
import EmptyPolicies from "./EmptyPolicies";
|
||||
import EmptyQueries from "./EmptyQueries";
|
||||
import EmptySchedule from "./EmptySchedule";
|
||||
import EmptySoftware from "./EmptySoftware";
|
||||
import EmptyTeams from "./EmptyTeams";
|
||||
import Close from "./Close";
|
||||
import CloseFilled from "./CloseFilled";
|
||||
import ExternalLink from "./ExternalLink";
|
||||
import Filter from "./Filter";
|
||||
import FilterAlt from "./FilterAlt";
|
||||
import FilterFunnel from "./FilterFunnel";
|
||||
import Info from "./Info";
|
||||
import Issue from "./Issue";
|
||||
import More from "./More";
|
||||
import Plus from "./Plus";
|
||||
import PremiumFeature from "./PremiumFeature";
|
||||
@@ -45,17 +34,11 @@ import Centos from "./Centos";
|
||||
import Ubuntu from "./Ubuntu";
|
||||
import Chrome from "./Chrome";
|
||||
|
||||
// Encircled
|
||||
import AppleCircled from "./AppleCircled";
|
||||
import LinuxCircled from "./LinuxCircled";
|
||||
import WindowsCircled from "./WindowsCircled";
|
||||
import ChromeCircled from "./ChromeCircled";
|
||||
|
||||
// Status Icons
|
||||
import Success from "./Success";
|
||||
import SuccessPartial from "./SuccessPartial";
|
||||
import SuccessOutline from "./SuccessOutline";
|
||||
import Pending from "./Pending";
|
||||
import PendingPartial from "./PendingPartial";
|
||||
import PendingOutline from "./PendingOutline";
|
||||
import ErrorOutline from "./ErrorOutline";
|
||||
import Error from "./Error";
|
||||
import Warning from "./Warning";
|
||||
@@ -68,39 +51,22 @@ import Transfer from "./Transfer";
|
||||
import TrashCan from "./TrashCan";
|
||||
import Profile from "./Profile";
|
||||
import Download from "./Download";
|
||||
import Files from "./Files";
|
||||
import Refresh from "./Refresh";
|
||||
import FilePython from "./FilePython";
|
||||
import FileZsh from "./FileZsh";
|
||||
import FileBash from "./FileBash";
|
||||
import FileGeneric from "./FileGeneric";
|
||||
import FilePkg from "./FilePkg";
|
||||
import FilePdf from "./FilePdf";
|
||||
|
||||
// a mapping of the usable names of icons to the icon source.
|
||||
export const ICON_MAP = {
|
||||
alert: Alert,
|
||||
arrow: Arrow,
|
||||
"arrow-internal-link": ArrowInternalLink,
|
||||
"calendar-check": CalendarCheck,
|
||||
chevron: Chevron,
|
||||
"chevron-left": ChevronLeft,
|
||||
"chevron-right": ChevronRight,
|
||||
"chevron-up": ChevronUp,
|
||||
"chevron-down": ChevronDown,
|
||||
check: Check,
|
||||
"collecting-results": CollectingResults,
|
||||
columns: Columns,
|
||||
"critical-policy": CriticalPolicy,
|
||||
disable: Disable,
|
||||
"down-caret": DownCaret,
|
||||
ex: Ex,
|
||||
"ex-circled": ExCircled,
|
||||
"empty-hosts": EmptyHosts,
|
||||
"empty-integrations": EmptyIntegrations,
|
||||
"empty-members": EmptyMembers,
|
||||
"empty-packs": EmptyPacks,
|
||||
"empty-policies": EmptyPolicies,
|
||||
"empty-queries": EmptyQueries,
|
||||
"empty-schedule": EmptySchedule,
|
||||
"empty-software": EmptySoftware,
|
||||
"empty-teams": EmptyTeams,
|
||||
close: Close,
|
||||
"close-filled": CloseFilled,
|
||||
"external-link": ExternalLink,
|
||||
filter: Filter,
|
||||
"filter-alt": FilterAlt,
|
||||
@@ -109,7 +75,6 @@ export const ICON_MAP = {
|
||||
"missing-hosts": MissingHosts,
|
||||
lightbulb: Lightbulb,
|
||||
info: Info,
|
||||
issue: Issue,
|
||||
more: More,
|
||||
plus: Plus,
|
||||
policy: Policy,
|
||||
@@ -121,9 +86,9 @@ export const ICON_MAP = {
|
||||
transfer: Transfer,
|
||||
trash: TrashCan,
|
||||
success: Success,
|
||||
"success-partial": SuccessPartial,
|
||||
"success-outline": SuccessOutline,
|
||||
pending: Pending,
|
||||
"pending-partial": PendingPartial,
|
||||
"pending-outline": PendingOutline,
|
||||
error: Error,
|
||||
"error-outline": ErrorOutline,
|
||||
warning: Warning,
|
||||
@@ -140,19 +105,8 @@ export const ICON_MAP = {
|
||||
chrome: Chrome,
|
||||
ChromeOS: Chrome,
|
||||
"premium-feature": PremiumFeature,
|
||||
"apple-circled": AppleCircled,
|
||||
"windows-circled": WindowsCircled,
|
||||
"linux-circled": LinuxCircled,
|
||||
"chrome-circled": ChromeCircled,
|
||||
profile: Profile,
|
||||
download: Download,
|
||||
files: Files,
|
||||
"file-python": FilePython,
|
||||
"file-zsh": FileZsh,
|
||||
"file-bash": FileBash,
|
||||
"file-pkg": FilePkg,
|
||||
"file-generic": FileGeneric,
|
||||
"file-pdf": FilePdf,
|
||||
refresh: Refresh,
|
||||
};
|
||||
|
||||
|
||||
@@ -100,7 +100,7 @@ const PackQueriesTable = ({
|
||||
primarySelectAction={{
|
||||
name: "remove query",
|
||||
buttonText: "Remove",
|
||||
iconSvg: "ex",
|
||||
iconSvg: "close",
|
||||
variant: "text-icon",
|
||||
onActionButtonClick: onRemovePackQueries,
|
||||
}}
|
||||
|
||||
@@ -7,7 +7,7 @@ const baseClass = "awaiting-results";
|
||||
const AwaitingResults = () => {
|
||||
return (
|
||||
<EmptyTable
|
||||
iconName="collecting-results"
|
||||
graphicName="collecting-results"
|
||||
header="Phoning home..."
|
||||
info=" There are currently no results to your query. Please wait while we talk
|
||||
to more hosts."
|
||||
|
||||
@@ -68,7 +68,7 @@ const QuerySidePanel = ({
|
||||
tabIndex={0}
|
||||
onClick={onClose}
|
||||
>
|
||||
<Icon name="ex" color="ui-fleet-black-50" size="small" />
|
||||
<Icon name="close" color="ui-fleet-black-50" size="small" />
|
||||
</div>
|
||||
<div className={`${baseClass}__choose-table`}>
|
||||
<h2 className={`${baseClass}__header`}>
|
||||
|
||||
@@ -21,8 +21,6 @@
|
||||
|
||||
.icon {
|
||||
margin-right: $pad-small;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,7 @@
|
||||
import { IconNames } from "components/icons";
|
||||
import { GraphicNames } from "components/graphics";
|
||||
|
||||
export interface IEmptyTableProps {
|
||||
iconName?: IconNames;
|
||||
graphicName?: GraphicNames;
|
||||
header?: JSX.Element | string;
|
||||
info?: JSX.Element | string;
|
||||
additionalInfo?: JSX.Element | string;
|
||||
|
||||
+2
-2
@@ -31,7 +31,7 @@ const ScriptContent = ({ content }: IScriptContentProps) => {
|
||||
const StatusMessageRunning = () => (
|
||||
<div className={`${baseClass}__status-message`}>
|
||||
<p>
|
||||
<Icon name="pending-partial" />
|
||||
<Icon name="pending-outline" />
|
||||
Script is running. To see if the script finished, close this modal and
|
||||
open it again.
|
||||
</p>
|
||||
@@ -41,7 +41,7 @@ const StatusMessageRunning = () => (
|
||||
const StatusMessageSuccess = () => (
|
||||
<div className={`${baseClass}__status-message`}>
|
||||
<p>
|
||||
<Icon name="success-partial" />
|
||||
<Icon name="success-outline" />
|
||||
Exit code: 0 (Script ran successfully.)
|
||||
</p>
|
||||
</div>
|
||||
|
||||
@@ -50,7 +50,7 @@ const HostsSummary = ({
|
||||
|
||||
const renderMacCount = (teamId?: number) => (
|
||||
<SummaryTile
|
||||
iconName="apple-circled"
|
||||
iconName="darwin"
|
||||
count={macCount}
|
||||
isLoading={isLoadingHostsSummary}
|
||||
showUI={showHostsUI}
|
||||
@@ -63,7 +63,8 @@ const HostsSummary = ({
|
||||
|
||||
const renderWindowsCount = (teamId?: number) => (
|
||||
<SummaryTile
|
||||
iconName="windows-circled"
|
||||
iconName="windows"
|
||||
circledIcon
|
||||
count={windowsCount}
|
||||
isLoading={isLoadingHostsSummary}
|
||||
showUI={showHostsUI}
|
||||
@@ -76,7 +77,8 @@ const HostsSummary = ({
|
||||
|
||||
const renderLinuxCount = (teamId?: number) => (
|
||||
<SummaryTile
|
||||
iconName="linux-circled"
|
||||
iconName="linux"
|
||||
circledIcon
|
||||
count={linuxCount}
|
||||
isLoading={isLoadingHostsSummary}
|
||||
showUI={showHostsUI}
|
||||
@@ -94,7 +96,8 @@ const HostsSummary = ({
|
||||
|
||||
return (
|
||||
<SummaryTile
|
||||
iconName="chrome-circled"
|
||||
iconName="chrome"
|
||||
circledIcon
|
||||
count={chromeCount}
|
||||
isLoading={isLoadingHostsSummary}
|
||||
showUI={showHostsUI}
|
||||
|
||||
@@ -15,7 +15,8 @@ describe("SummaryTile - component", () => {
|
||||
isLoading={false}
|
||||
showUI={false} // tested
|
||||
title={"Windows hosts"}
|
||||
iconName={"windows-circled"}
|
||||
iconName={"windows"}
|
||||
circledIcon
|
||||
tooltip={"Hosts on any Windows device"}
|
||||
path={paths.MANAGE_HOSTS_LABEL(10)}
|
||||
/>
|
||||
@@ -33,7 +34,8 @@ describe("SummaryTile - component", () => {
|
||||
isLoading // tested
|
||||
showUI
|
||||
title={"Windows hosts"}
|
||||
iconName={"windows-circled"}
|
||||
iconName={"windows"}
|
||||
circledIcon
|
||||
tooltip={"Hosts on any Windows device"}
|
||||
path={paths.MANAGE_HOSTS_LABEL(10)}
|
||||
/>
|
||||
@@ -52,7 +54,8 @@ describe("SummaryTile - component", () => {
|
||||
isLoading={false}
|
||||
showUI
|
||||
title={"Windows hosts"} // tested
|
||||
iconName={"windows-circled"} // tested
|
||||
iconName={"windows"} // tested
|
||||
circledIcon
|
||||
tooltip={"Hosts on any Windows device"}
|
||||
path={paths.MANAGE_HOSTS_LABEL(10)}
|
||||
/>
|
||||
@@ -60,7 +63,7 @@ describe("SummaryTile - component", () => {
|
||||
|
||||
const title = screen.getByText("Windows hosts");
|
||||
const count = screen.getByText("200");
|
||||
const icon = screen.queryByTestId("windows-circled-icon");
|
||||
const icon = screen.queryByTestId("windows-icon");
|
||||
|
||||
expect(title).toBeInTheDocument();
|
||||
expect(count).toBeInTheDocument();
|
||||
@@ -74,7 +77,8 @@ describe("SummaryTile - component", () => {
|
||||
isLoading={false}
|
||||
showUI
|
||||
title={"Windows hosts"}
|
||||
iconName={"windows-circled"}
|
||||
iconName={"windows"}
|
||||
circledIcon
|
||||
path={paths.MANAGE_HOSTS_LABEL(10)}
|
||||
/>
|
||||
);
|
||||
@@ -91,7 +95,8 @@ describe("SummaryTile - component", () => {
|
||||
isLoading={false}
|
||||
showUI
|
||||
title={"Windows hosts"}
|
||||
iconName={"windows-circled"}
|
||||
iconName={"windows"}
|
||||
circledIcon
|
||||
tooltip={"Hosts on any Windows device"} // tested
|
||||
path={paths.MANAGE_HOSTS_LABEL(10)}
|
||||
/>
|
||||
|
||||
@@ -15,6 +15,7 @@ interface ISummaryTileProps {
|
||||
showUI: boolean;
|
||||
title: string;
|
||||
iconName: IconNames;
|
||||
circledIcon?: boolean;
|
||||
iconColor?: Colors;
|
||||
path: string;
|
||||
tooltip?: string;
|
||||
@@ -31,6 +32,7 @@ const SummaryTile = ({
|
||||
showUI, // false on first load only
|
||||
title,
|
||||
iconName,
|
||||
circledIcon,
|
||||
iconColor,
|
||||
path,
|
||||
tooltip,
|
||||
@@ -53,11 +55,14 @@ const SummaryTile = ({
|
||||
|
||||
const tile = (
|
||||
<>
|
||||
<Icon
|
||||
name={iconName}
|
||||
color={iconColor}
|
||||
className={`${baseClass}__tile-icon`}
|
||||
/>
|
||||
<div className={circledIcon ? `${baseClass}__circled-icon` : ""}>
|
||||
<Icon
|
||||
name={iconName}
|
||||
size="large"
|
||||
color={iconColor}
|
||||
className={`${baseClass}__tile-icon`}
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
{notSupported ? (
|
||||
<div className={`${baseClass}__not-supported-text`}>
|
||||
|
||||
@@ -27,6 +27,23 @@
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&__circled-icon {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: $core-vibrant-blue;
|
||||
width: px-to-rem(48);
|
||||
height: px-to-rem(48);
|
||||
border-radius: 100%;
|
||||
background: $ui-vibrant-blue-10;
|
||||
margin-right: px-to-rem(12);
|
||||
|
||||
.icon {
|
||||
margin-left: 0 !important;
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&__count {
|
||||
font-size: $large;
|
||||
white-space: nowrap;
|
||||
|
||||
@@ -17,7 +17,7 @@ const LearnFleet = (): JSX.Element => {
|
||||
target="_blank"
|
||||
rel="noopener noreferrer"
|
||||
>
|
||||
Learn how to use Fleet
|
||||
Learn how to use Fleet
|
||||
<Icon name="arrow-internal-link" color="core-fleet-blue" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user