30 lines
1 KiB
TypeScript
30 lines
1 KiB
TypeScript
import { useAppTranslation } from '@features/localization/renderer';
|
|
import { Button } from '@renderer/components/ui/button';
|
|
|
|
interface TeamEmptyStateProps {
|
|
canCreate: boolean;
|
|
onCreateTeam: () => void;
|
|
}
|
|
|
|
export const TeamEmptyState = ({
|
|
canCreate,
|
|
onCreateTeam,
|
|
}: TeamEmptyStateProps): React.JSX.Element => {
|
|
const { t } = useAppTranslation('team');
|
|
return (
|
|
<div className="flex size-full items-center justify-center">
|
|
<div className="text-center">
|
|
<p className="text-lg font-medium text-[var(--color-text)]">{t('list.empty.title')}</p>
|
|
<p className="mt-2 text-sm text-[var(--color-text-muted)]">{t('list.empty.description')}</p>
|
|
<div className="mt-4">
|
|
<Button size="sm" disabled={!canCreate} onClick={onCreateTeam}>
|
|
{t('list.actions.createTeam')}
|
|
</Button>
|
|
</div>
|
|
{!canCreate ? (
|
|
<p className="mt-2 text-xs text-[var(--color-text-muted)]">{t('list.empty.localOnly')}</p>
|
|
) : null}
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|