f6d1b500da
Implemented a new ModeToggle feature for theme switching in personal account dropdown. The changes also made adjustments to several UI components, such as transforming Dialog to AlertDialog in transfer-ownership-dialog, and introducing invitation-submit-button in team-accounts. Some minor amendments include text changes and styling modifications.
22 lines
498 B
TypeScript
22 lines
498 B
TypeScript
'use client';
|
|
|
|
import { useFormStatus } from 'react-dom';
|
|
|
|
import { Button } from '@kit/ui/button';
|
|
import { Trans } from '@kit/ui/trans';
|
|
|
|
export function InvitationSubmitButton(props: { accountName: string }) {
|
|
const { pending } = useFormStatus();
|
|
|
|
return (
|
|
<Button className={'w-full'} disabled={pending}>
|
|
<Trans
|
|
i18nKey={pending ? 'teams:joiningTeam' : 'teams:joinTeam'}
|
|
values={{
|
|
accountName: props.accountName,
|
|
}}
|
|
/>
|
|
</Button>
|
|
);
|
|
}
|