diff --git a/components/notifications/answer-modal.tsx b/components/notifications/answer-modal.tsx index bd6ffec..553b69f 100644 --- a/components/notifications/answer-modal.tsx +++ b/components/notifications/answer-modal.tsx @@ -34,6 +34,7 @@ import { import { ANSWER_MAX_CHARS } from '@/lib/schemas/question-answer' import { answerQuestion } from '@/actions/questions' import { useNotificationsStore, type NotificationQuestion } from '@/stores/notifications-store' +import { debugProps } from '@/lib/debug' interface AnswerModalProps { question: NotificationQuestion | null @@ -82,6 +83,7 @@ export function AnswerModal({ question, isDemo, onClose }: AnswerModalProps) { showCloseButton={false} onKeyDown={handleKeyDown} className={entityDialogContentClasses} + {...debugProps('answer-modal', 'AnswerModal', 'components/notifications/answer-modal.tsx')} >
diff --git a/components/notifications/notifications-sheet.tsx b/components/notifications/notifications-sheet.tsx index a161eb2..cef7acb 100644 --- a/components/notifications/notifications-sheet.tsx +++ b/components/notifications/notifications-sheet.tsx @@ -20,6 +20,7 @@ import { AnswerModal } from './answer-modal' import { PushToggle } from './push-toggle' import { cn } from '@/lib/utils' import type { NotificationQuestion } from '@/stores/notifications-store' +import { debugProps } from '@/lib/debug' interface NotificationsSheetProps { trigger: React.ReactNode @@ -40,7 +41,7 @@ export function NotificationsSheet({ <> - + Vragen van Claude ({questions.length}) diff --git a/components/notifications/push-toggle.tsx b/components/notifications/push-toggle.tsx index 0351335..c4945a1 100644 --- a/components/notifications/push-toggle.tsx +++ b/components/notifications/push-toggle.tsx @@ -10,6 +10,7 @@ import { subscribeToPush, unsubscribeFromPush, } from '@/lib/push-client' +import { debugProps } from '@/lib/debug' type PushStatus = | 'loading' @@ -85,7 +86,7 @@ export function PushToggle({ vapidPublicKey }: PushToggleProps) { if (status === 'ios-needs-install') { return ( -
+
Op iPhone/iPad: tik op het delen-icoon en kies{' '} Zet op beginscherm. Daarna kun je notificaties activeren.
@@ -94,7 +95,7 @@ export function PushToggle({ vapidPublicKey }: PushToggleProps) { if (status === 'denied') { return ( -

+

Notificaties zijn geblokkeerd. Schakel ze in via je browser-instellingen.

) @@ -102,14 +103,14 @@ export function PushToggle({ vapidPublicKey }: PushToggleProps) { if (status === 'unsubscribed') { return ( - ) } return ( - ) diff --git a/components/products/archive-product-button.tsx b/components/products/archive-product-button.tsx index a083e77..6a2244e 100644 --- a/components/products/archive-product-button.tsx +++ b/components/products/archive-product-button.tsx @@ -3,6 +3,7 @@ import { useState, useTransition } from 'react' import { Button } from '@/components/ui/button' import { archiveProductAction } from '@/actions/products' +import { debugProps } from '@/lib/debug' interface ArchiveProductButtonProps { productId: string @@ -20,7 +21,7 @@ export function ArchiveProductButton({ productId }: ArchiveProductButtonProps) { if (confirming) { return ( -
+
diff --git a/components/products/auto-pr-toggle.tsx b/components/products/auto-pr-toggle.tsx index 0158627..285e48a 100644 --- a/components/products/auto-pr-toggle.tsx +++ b/components/products/auto-pr-toggle.tsx @@ -4,6 +4,7 @@ import { useState, useTransition } from 'react' import { cn } from '@/lib/utils' import { updateAutoPrAction } from '@/actions/products' import { toast } from 'sonner' +import { debugProps } from '@/lib/debug' interface AutoPrToggleProps { productId: string @@ -27,7 +28,7 @@ export function AutoPrToggle({ productId, initialValue }: AutoPrToggleProps) { } return ( -
+
@@ -34,16 +35,18 @@ export function LeaveProductButton({ productId, isDemo = false }: LeaveProductBu } return ( - - - + + + + + ) } diff --git a/components/settings/min-quota-editor.tsx b/components/settings/min-quota-editor.tsx index feaf2d2..2388a1a 100644 --- a/components/settings/min-quota-editor.tsx +++ b/components/settings/min-quota-editor.tsx @@ -5,6 +5,7 @@ import { toast } from 'sonner' import { Button } from '@/components/ui/button' import { DemoTooltip } from '@/components/shared/demo-tooltip' import { updateMinQuotaPctAction } from '@/actions/settings' +import { debugProps } from '@/lib/debug' interface MinQuotaEditorProps { currentValue: number @@ -27,7 +28,7 @@ export function MinQuotaEditor({ currentValue, isDemo }: MinQuotaEditorProps) { } return ( -
+