Update the invite button icon

The design specs have changed to always use the outline variants of icons on buttons like this.
This commit is contained in:
Robin
2023-10-16 12:37:22 -04:00
parent 303d465869
commit 76d8482e53

View File

@@ -17,14 +17,14 @@ limitations under the License.
import { ComponentPropsWithoutRef, FC } from "react"; import { ComponentPropsWithoutRef, FC } from "react";
import { Button } from "@vector-im/compound-web"; import { Button } from "@vector-im/compound-web";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import UserAddSolidIcon from "@vector-im/compound-design-tokens/icons/user-add-solid.svg?react"; import UserAddIcon from "@vector-im/compound-design-tokens/icons/user-add.svg?react";
export const InviteButton: FC< export const InviteButton: FC<
Omit<ComponentPropsWithoutRef<"button">, "children"> Omit<ComponentPropsWithoutRef<"button">, "children">
> = (props) => { > = (props) => {
const { t } = useTranslation(); const { t } = useTranslation();
return ( return (
<Button kind="secondary" size="sm" Icon={UserAddSolidIcon} {...props}> <Button kind="secondary" size="sm" Icon={UserAddIcon} {...props}>
{t("Invite")} {t("Invite")}
</Button> </Button>
); );