-
+
+
{pluralizeCount('day', differenceInDays(check.data.end, new Date()))} remaining
{' '}
- on trial
+ on your commercial-use trial
) : check.data?.type == 'personal_use' ? (
-
- Your free trial has ended
+
+ You are able to use Yaak for personal use only
) : null}
@@ -98,16 +98,21 @@ function SettingsLicenseCmp() {
) : (
-
+
)}
diff --git a/src-web/components/core/BadgeButton.tsx b/src-web/components/core/BadgeButton.tsx
index 349e94ba..e66796ef 100644
--- a/src-web/components/core/BadgeButton.tsx
+++ b/src-web/components/core/BadgeButton.tsx
@@ -1,6 +1,14 @@
+import classNames from 'classnames';
import type { ButtonProps } from './Button';
import { Button } from './Button';
-export function BadgeButton(props: ButtonProps) {
- return ;
+export function BadgeButton({ className, ...props }: ButtonProps) {
+ return (
+
+ );
}