Merge pull request #58 from ixartz/vitest-settings

Remove custom framework configuration used by i18n-ally

.vscode/settings.json

@@ -18,7 +18,7 @@
   "typescript.preferences.preferTypeOnlyAutoImports": true, // Prefer type-only imports
 
   // Vitest
-  "testing.openTesting": "neverOpen", // Don't open the testing view automatically when running tests
+  "testing.automaticallyOpenTestResults": "neverOpen", // Don't open the test results automatically
 
   // I18n
   "i18n-ally.localesPaths": [

README.md

@@ -109,7 +109,7 @@ Developer experience first, extremely flexible code structure and only keep what
 - ⚡ [Next.js](https://nextjs.org) with App Router support
 - 🔥 Type checking [TypeScript](https://www.typescriptlang.org)
 - 💎 Integrate with [Tailwind CSS](https://tailwindcss.com) and Shadcn UI
-- ✅ Strict Mode for TypeScript and [React 18](https://react.dev)
+- ✅ Strict Mode for TypeScript and [React](https://react.dev)
 - 🔒 Authentication with [Clerk](https://go.clerk.com/zGlzydF): Sign up, Sign in, Sign out, Forgot password, Reset password, and more.
 - 👤 Passwordless Authentication with Magic Links, Multi-Factor Auth (MFA), Social Auth (Google, Facebook, Twitter, GitHub, Apple, and more), Passwordless login with Passkeys, User Impersonation
 - 👥 Multi-tenancy & team support: create, switch, update organization and invite team members

src/app/[locale]/(auth)/dashboard/page.tsx

@@ -1,7 +1,5 @@
-import { GitHubLogoIcon } from '@radix-ui/react-icons';
 import { useTranslations } from 'next-intl';
 
-import { buttonVariants } from '@/components/ui/buttonVariants';
 import { MessageState } from '@/features/dashboard/MessageState';
 import { TitleBar } from '@/features/dashboard/TitleBar';
 import { SponsorLogos } from '@/features/sponsors/SponsorLogos';
@@ -39,13 +37,18 @@ const DashboardIndexPage = () => {
         })}
         button={(
           <>
-            <a
-              className={buttonVariants({ size: 'lg' })}
-              href="https://github.com/ixartz/SaaS-Boilerplate"
-            >
-              <GitHubLogoIcon className="mr-2 size-5" />
-              {t('message_state_button')}
-            </a>
+            <div className="mt-2 text-xs font-light text-muted-foreground">
+              {t.rich('message_state_alternative', {
+                url: () => (
+                  <a
+                    className="text-blue-500 hover:text-blue-600"
+                    href="https://nextjs-boilerplate.com/pro-saas-starter-kit"
+                  >
+                    Next.js Boilerplate SaaS
+                  </a>
+                ),
+              })}
+            </div>
 
             <div className="mt-7">
               <SponsorLogos />

src/locales/en.json

@@ -102,7 +102,8 @@
     "title_bar_description": "Welcome to your dashboard",
     "message_state_title": "Let's get started",
     "message_state_description": "You can customize this page by editing the file at <code>dashboard/page.tsx</code>",
-    "message_state_button": "Star on GitHub"
+    "message_state_button": "Star on GitHub",
+    "message_state_alternative": "Want more features using the same stack? Try <url></url>."
   },
   "UserProfile": {
     "title_bar": "User Profile",

src/locales/fr.json

@@ -102,7 +102,8 @@
     "title_bar_description": "Bienvenue sur votre tableau de bord",
     "message_state_title": "C'est parti",
     "message_state_description": "Vous pouvez personnaliser cette page en modifiant le fichier dans <code>dashboard/page.tsx</code>",
-    "message_state_button": "Mettez une étoile sur GitHub"
+    "message_state_button": "Mettez une étoile sur GitHub",
+    "message_state_alternative": "Vous voulez plus de fonctionnalités en utilisant la même stack ? Essayez <url></url>."
   },
   "UserProfile": {
     "title_bar": "Profil utilisateur",