create-nextjs-cms 0.9.6 → 0.9.8

package/templates/default/components/ThemeProvider.tsx

@@ -1,8 +1,8 @@
-'use client'
-
-import * as React from 'react'
-import { ThemeProvider as NextThemesProvider } from 'next-themes'
-
-export function ThemeProvider({ children, ...props }: React.ComponentProps<typeof NextThemesProvider>) {
-    return <NextThemesProvider {...props}>{children}</NextThemesProvider>
-}
+'use client'
+
+import * as React from 'react'
+import { ThemeProvider as NextThemesProvider } from 'next-themes'
+
+export function ThemeProvider({ children, ...props }: React.ComponentProps<typeof NextThemesProvider>) {
+    return <NextThemesProvider {...props}>{children}</NextThemesProvider>
+}

package/templates/default/components/TooltipComponent.tsx

@@ -1,27 +1,27 @@
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
-export default function TooltipComponent({
-    children,
-    content,
-    delayDuration = 200,
-}: {
-    children: React.ReactNode
-    content: React.ReactNode
-    delayDuration?: number
-}) {
-    if (!content) return children
-    return (
-        <TooltipProvider delayDuration={delayDuration}>
-            <Tooltip>
-                <TooltipTrigger
-                    onClick={(e) => {
-                        e.preventDefault()
-                        e.stopPropagation()
-                    }}
-                >
-                    {children}
-                </TooltipTrigger>
-                <TooltipContent>{content}</TooltipContent>
-            </Tooltip>
-        </TooltipProvider>
-    )
-}
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip'
+export default function TooltipComponent({
+    children,
+    content,
+    delayDuration = 200,
+}: {
+    children: React.ReactNode
+    content: React.ReactNode
+    delayDuration?: number
+}) {
+    if (!content) return children
+    return (
+        <TooltipProvider delayDuration={delayDuration}>
+            <Tooltip>
+                <TooltipTrigger
+                    onClick={(e) => {
+                        e.preventDefault()
+                        e.stopPropagation()
+                    }}
+                >
+                    {children}
+                </TooltipTrigger>
+                <TooltipContent>{content}</TooltipContent>
+            </Tooltip>
+        </TooltipProvider>
+    )
+}

package/templates/default/components/VariantCard.tsx

@@ -1,124 +1,124 @@
-import { useI18n } from 'nextjs-cms/translations/client'
-import ContainerBox from '@/components/ContainerBox'
-import React from 'react'
-import { Variant } from 'nextjs-cms/core/types'
-import useModal from '@/hooks/useModal'
-import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
-import { handleVariantDeletion } from '@/lib/apiHelpers'
-import { useToast } from '@/components/ui/use-toast'
-import { Button } from '@/components/ui/button'
-import VariantEditPage from '@/components/VariantEditPage'
-
-const VariantCard = ({
-    variant,
-    variantItem,
-    sectionItemId,
-    action,
-}: {
-    variant: Variant
-    variantItem: any
-    sectionItemId: string
-    action: any
-}) => {
-    const { setModal, modal, modalResponse, setModalResponse } = useModal()
-    const axiosPrivate = useAxiosPrivate()
-    const controller = new AbortController()
-    const { toast } = useToast()
-    const t = useI18n()
-
-    const handleDelete = async () => {
-        const response = await handleVariantDeletion(variant.variant_name, variantItem.id, axiosPrivate, controller)
-        if (response.error) {
-            toast({
-                variant: 'destructive',
-                title: t('deleteAdmin'),
-                description: response.error.message,
-            })
-        } else if (response.code === 200) {
-            action ? action() : null
-            setModal(null)
-            setModalResponse(null)
-            toast({
-                variant: 'success',
-                title: t('itemDeletedSuccessfully'),
-                description: response.message,
-            })
-        }
-    }
-    return (
-        <ContainerBox title={variantItem.display_name} key={variantItem.id}>
-            <div className='flex flex-col gap-4'>
-                <div className='flex flex-row gap-2'>
-                    <Button
-                        size='sm'
-                        type='button'
-                        variant='default'
-                        onClick={() => {
-                            setModal({
-                                size: 'lg',
-                                title: t('edit'),
-                                body: (
-                                    <div className='p-4'>
-                                        <VariantEditPage
-                                            section={variant.section_name}
-                                            variant={variant.variant_name}
-                                            sectionItemId={sectionItemId}
-                                            itemId={variantItem.id}
-                                            action={action}
-                                        />
-                                    </div>
-                                ),
-                                headerColor: 'bg-sky-700',
-                                titleColor: 'text-white',
-                                lang: 'en',
-                            })
-                        }}
-                    >
-                        {t('edit')}
-                    </Button>
-                    {/* Delete Button */}
-                    <Button
-                        size='sm'
-                        type='button'
-                        variant='destructive'
-                        onClick={() => {
-                            setModal({
-                                title: t('delete'),
-                                body: (
-                                    <div className='p-4'>
-                                        <div className='flex flex-col gap-4'>
-                                            <div>{t('deleteItemText')}</div>
-                                            <div className='flex gap-2'>
-                                                <button
-                                                    className='rounded bg-green-600 px-2 py-1 text-white'
-                                                    onClick={handleDelete}
-                                                >
-                                                    Yes
-                                                </button>
-                                                <button
-                                                    className='rounded bg-red-800 px-2 py-1 text-white'
-                                                    onClick={() => {
-                                                        setModal(null)
-                                                    }}
-                                                >
-                                                    No
-                                                </button>
-                                            </div>
-                                        </div>
-                                    </div>
-                                ),
-                                headerColor: 'bg-red-700',
-                                titleColor: 'text-white',
-                                lang: 'en',
-                            })
-                        }}
-                    >
-                        {t('delete')}
-                    </Button>
-                </div>
-            </div>
-        </ContainerBox>
-    )
-}
-
-export default VariantCard
+import { useI18n } from 'nextjs-cms/translations/client'
+import ContainerBox from '@/components/ContainerBox'
+import React from 'react'
+import { Variant } from 'nextjs-cms/core/types'
+import useModal from '@/hooks/useModal'
+import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
+import { handleVariantDeletion } from '@/lib/apiHelpers'
+import { useToast } from '@/components/ui/use-toast'
+import { Button } from '@/components/ui/button'
+import VariantEditPage from '@/components/VariantEditPage'
+
+const VariantCard = ({
+    variant,
+    variantItem,
+    sectionItemId,
+    action,
+}: {
+    variant: Variant
+    variantItem: any
+    sectionItemId: string
+    action: any
+}) => {
+    const { setModal, modal, modalResponse, setModalResponse } = useModal()
+    const axiosPrivate = useAxiosPrivate()
+    const controller = new AbortController()
+    const { toast } = useToast()
+    const t = useI18n()
+
+    const handleDelete = async () => {
+        const response = await handleVariantDeletion(variant.variant_name, variantItem.id, axiosPrivate, controller)
+        if (response.error) {
+            toast({
+                variant: 'destructive',
+                title: t('deleteAdmin'),
+                description: response.error.message,
+            })
+        } else if (response.code === 200) {
+            action ? action() : null
+            setModal(null)
+            setModalResponse(null)
+            toast({
+                variant: 'success',
+                title: t('itemDeletedSuccessfully'),
+                description: response.message,
+            })
+        }
+    }
+    return (
+        <ContainerBox title={variantItem.display_name} key={variantItem.id}>
+            <div className='flex flex-col gap-4'>
+                <div className='flex flex-row gap-2'>
+                    <Button
+                        size='sm'
+                        type='button'
+                        variant='default'
+                        onClick={() => {
+                            setModal({
+                                size: 'lg',
+                                title: t('edit'),
+                                body: (
+                                    <div className='p-4'>
+                                        <VariantEditPage
+                                            section={variant.section_name}
+                                            variant={variant.variant_name}
+                                            sectionItemId={sectionItemId}
+                                            itemId={variantItem.id}
+                                            action={action}
+                                        />
+                                    </div>
+                                ),
+                                headerColor: 'bg-sky-700',
+                                titleColor: 'text-white',
+                                lang: 'en',
+                            })
+                        }}
+                    >
+                        {t('edit')}
+                    </Button>
+                    {/* Delete Button */}
+                    <Button
+                        size='sm'
+                        type='button'
+                        variant='destructive'
+                        onClick={() => {
+                            setModal({
+                                title: t('delete'),
+                                body: (
+                                    <div className='p-4'>
+                                        <div className='flex flex-col gap-4'>
+                                            <div>{t('deleteItemText')}</div>
+                                            <div className='flex gap-2'>
+                                                <button
+                                                    className='rounded bg-green-600 px-2 py-1 text-white'
+                                                    onClick={handleDelete}
+                                                >
+                                                    Yes
+                                                </button>
+                                                <button
+                                                    className='rounded bg-red-800 px-2 py-1 text-white'
+                                                    onClick={() => {
+                                                        setModal(null)
+                                                    }}
+                                                >
+                                                    No
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                ),
+                                headerColor: 'bg-red-700',
+                                titleColor: 'text-white',
+                                lang: 'en',
+                            })
+                        }}
+                    >
+                        {t('delete')}
+                    </Button>
+                </div>
+            </div>
+        </ContainerBox>
+    )
+}
+
+export default VariantCard