💄 Make Save button more obvious

This commit is contained in:
Luke Vella 2024-05-13 10:28:07 +08:00
parent 0e2704506f
commit 0b6883c316

View file

@ -7,7 +7,7 @@ import {
TooltipPortal, TooltipPortal,
TooltipTrigger, TooltipTrigger,
} from "@rallly/ui/tooltip"; } from "@rallly/ui/tooltip";
import { CheckIcon, UndoIcon } from "lucide-react"; import { UndoIcon } from "lucide-react";
import { useTranslation } from "next-i18next"; import { useTranslation } from "next-i18next";
import * as React from "react"; import * as React from "react";
import { Controller } from "react-hook-form"; import { Controller } from "react-hook-form";
@ -84,25 +84,15 @@ const ParticipantRowForm = ({
</TooltipContent> </TooltipContent>
</TooltipPortal> </TooltipPortal>
</Tooltip> </Tooltip>
<Tooltip>
<TooltipTrigger asChild>
<Button <Button
variant="primary"
loading={form.formState.isSubmitting} loading={form.formState.isSubmitting}
size="sm" size="sm"
form="voting-form" form="voting-form"
type="submit" type="submit"
> >
<Icon>
<CheckIcon />
</Icon>
</Button>
</TooltipTrigger>
<TooltipPortal>
<TooltipContent>
<Trans i18nKey="save" /> <Trans i18nKey="save" />
</TooltipContent> </Button>
</TooltipPortal>
</Tooltip>
</div> </div>
) : null} ) : null}
</div> </div>