💄 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> <Button
<TooltipTrigger asChild> variant="primary"
<Button loading={form.formState.isSubmitting}
loading={form.formState.isSubmitting} size="sm"
size="sm" form="voting-form"
form="voting-form" type="submit"
type="submit" >
> <Trans i18nKey="save" />
<Icon> </Button>
<CheckIcon />
</Icon>
</Button>
</TooltipTrigger>
<TooltipPortal>
<TooltipContent>
<Trans i18nKey="save" />
</TooltipContent>
</TooltipPortal>
</Tooltip>
</div> </div>
) : null} ) : null}
</div> </div>