fleet/frontend/components/icons/M1.tsx
Jacob Shandling 6c04cc24d7
UI: Settings modals mdm (#9156)
# 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>
2023-01-10 12:19:46 -08:00

28 lines
761 B
TypeScript

import React from "react";
import { COLORS, Colors } from "styles/var/colors";
import { ICON_SIZES, IconSizes } from "styles/var/icon_sizes";
interface IM1Props {
size?: IconSizes;
color?: Colors;
}
const M1 = ({ size = "medium", color = "ui-fleet-black-75" }: IM1Props) => {
return (
<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="M1.333 11.988H2.82V6.593h.044l2.156 5.395h1.05l2.151-5.395h.05v5.395h1.487V4.011h-1.93L5.563 9.744H5.53L3.262 4.01H1.333v7.977ZM13.014 11.988h1.653V4.011h-1.659l-2.062 1.432v1.482l2.035-1.382h.033v6.445Z"
fill={COLORS[color]}
/>
</svg>
);
};
export default M1;