chore: optimize faking user data when in demo website

env.example

@@ -79,9 +79,9 @@ NEXT_PUBLIC_STRIPE_PRICE_LIFETIME=""
 # Configurations
 # -----------------------------------------------------------------------------
 # Disable image optimization, check out next.config.ts for more details
-DISABLE_IMAGE_OPTIMIZATION="false"
+DISABLE_IMAGE_OPTIMIZATION=false
 # Run this website as demo website, in most cases, you should set this to false
-NEXT_PUBLIC_DEMO_WEBSITE="false"
+NEXT_PUBLIC_DEMO_WEBSITE=false
 
 # -----------------------------------------------------------------------------
 # Analytics

src/actions/get-users.ts

@@ -57,7 +57,7 @@ export const getUsersAction = actionClient
         : user.createdAt;
       const sortDirection = sortConfig?.desc ? desc : asc;
 
-      const [items, [{ count }]] = await Promise.all([
+      let [items, [{ count }]] = await Promise.all([
         db
           .select()
           .from(user)
@@ -68,6 +68,16 @@ export const getUsersAction = actionClient
         db.select({ count: sql`count(*)` }).from(user).where(where),
       ]);
 
+      // hide user data in demo website
+      if (process.env.NEXT_PUBLIC_DEMO_WEBSITE === 'true') {
+        items = items.map((item) => ({
+          ...item,
+          name: 'Demo User',
+          email: 'example@mksaas.com',
+          customerId: 'cus_abcdef123456',
+        }));
+      }
+
       return {
         success: true,
         data: {

src/components/admin/user-detail-viewer.tsx

@@ -134,7 +134,7 @@ export function UserDetailViewer({ user }: UserDetailViewerProps) {
               className="size-8 border"
             />
             <span className="hover:underline hover:underline-offset-4">
-              {isDemo ? 'MkSaaS User' : user.name}
+              {user.name}
             </span>
           </div>
         </Button>
@@ -148,10 +148,8 @@ export function UserDetailViewer({ user }: UserDetailViewerProps) {
               className="size-12 border"
             />
             <div>
-              <DrawerTitle>{isDemo ? 'MkSaaS User' : user.name}</DrawerTitle>
-              <DrawerDescription>
-                {isDemo ? 'example@mksaas.com' : user.email}
-              </DrawerDescription>
+              <DrawerTitle>{user.name}</DrawerTitle>
+              <DrawerDescription>{user.email}</DrawerDescription>
             </div>
           </div>
         </DrawerHeader>

src/components/admin/users-table.tsx

@@ -168,7 +168,7 @@ export function UsersTable({
               ) : (
                 <MailQuestionIcon className="stroke-red-500 dark:stroke-red-400" />
               )}
-              {isDemo ? 'example@mksaas.com' : user.email}
+              {user.email}
             </Badge>
           </div>
         );
@@ -227,7 +227,7 @@ export function UsersTable({
                 rel="noopener noreferrer"
                 className="hover:underline hover:underline-offset-4"
               >
-                {!isDemo ? user.customerId : 'cus_abcdef123456'}
+                {user.customerId}
               </a>
             ) : (
               '-'