mirror of
https://github.com/fleetdm/fleet
synced 2026-05-24 09:28:54 +00:00
6c04cc24d7
# Addresses parts 1 and 2 of #8872 [Demo (updated 1/6)](https://www.loom.com/share/be6d21cd3dfd42019a96431848ced7a3) 1/9: updated Success state with canonical Fleet icon and new copy: <img width="669" alt="Screenshot 2023-01-09 at 5 17 58 PM" src="https://user-images.githubusercontent.com/61553566/211440074-a69c420a-920c-40dd-a96f-f2d3917ad73a.png"> TODO: - finalize API call once those specs are clarified and implemented: https://github.com/fleetdm/fleet/issues/9202 - tests - Change team modal (pt3) Co-authored-by: Jacob Shandling <jacob@fleetdm.com>
32 lines
828 B
TypeScript
32 lines
828 B
TypeScript
import React from "react";
|
|
import { COLORS, Colors } from "styles/var/colors";
|
|
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
|
|
|
|
interface ISuccessProps {
|
|
color?: Colors;
|
|
size?: IconSizes;
|
|
}
|
|
|
|
const Success = ({
|
|
color = "status-success",
|
|
size = "medium",
|
|
}: ISuccessProps) => {
|
|
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="M0 8c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8-8 3.58-8 8Zm11.29-2.71a1.003 1.003 0 0 1 1.42 1.42l-5 5c-.18.18-.43.29-.71.29-.28 0-.53-.11-.71-.29l-3-3a1.003 1.003 0 0 1 1.42-1.42L7 9.59l4.29-4.3Z"
|
|
fill={COLORS[color]}
|
|
/>
|
|
</svg>
|
|
);
|
|
};
|
|
|
|
export default Success;
|