create-nextjs-cms 0.7.0 → 0.7.2

package/templates/default/components/analytics/TopSources.tsx

@@ -1,45 +1,45 @@
-import { useI18n } from 'nextjs-cms/translations/client'
-import { BarChartDataItem } from 'nextjs-cms/core/types'
-import { Badge } from '@/components/ui/badge'
-import { formatNumber } from 'nextjs-cms/utils'
-import ContainerBox from '@/components/ContainerBox'
-import React from 'react'
-import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
-import { useQuery } from '@tanstack/react-query'
-import { getAnalytics } from '@/lib/apiHelpers'
-import LoadingSpinners from '@/components/LoadingSpinners'
-
-export const TopSources = ({ fromDate, toDate }: { fromDate: Date | string | null; toDate: Date | string | null }) => {
-    const t = useI18n()
-    const axiosPrivate = useAxiosPrivate()
-    const controller = new AbortController()
-
-    const { isLoading, isError, data, error } = useQuery({
-        queryKey: ['analyticsPage', 'topSources', fromDate, toDate],
-        queryFn: () =>
-            getAnalytics({
-                requestType: 'topSources',
-                axiosPrivate,
-                controller,
-                fromDate,
-                toDate,
-            }),
-    })
-    return (
-        <ContainerBox title={t('sources')}>
-            <div className='w-full mb-6'>
-                <h1 className='font-bold border-b pb-1 my-1'>{t('topSources')}</h1>
-                {isLoading && <LoadingSpinners single={true} />}
-                {data?.topSources?.length > 0 &&
-                    data.topSources.map((source: BarChartDataItem, index: number) => (
-                        <div key={`${index}-${source.name}`} className='w-full text-sm flex justify-between'>
-                            <span className='font-bold text-foreground'>{source.name}:</span>
-                            <Badge variant='outline' className='ms-2'>
-                                {formatNumber(source.value)}
-                            </Badge>
-                        </div>
-                    ))}
-            </div>
-        </ContainerBox>
-    )
-}
+import { useI18n } from 'nextjs-cms/translations/client'
+import { BarChartDataItem } from 'nextjs-cms/core/types'
+import { Badge } from '@/components/ui/badge'
+import { formatNumber } from 'nextjs-cms/utils'
+import ContainerBox from '@/components/ContainerBox'
+import React from 'react'
+import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
+import { useQuery } from '@tanstack/react-query'
+import { getAnalytics } from '@/lib/apiHelpers'
+import LoadingSpinners from '@/components/LoadingSpinners'
+
+export const TopSources = ({ fromDate, toDate }: { fromDate: Date | string | null; toDate: Date | string | null }) => {
+    const t = useI18n()
+    const axiosPrivate = useAxiosPrivate()
+    const controller = new AbortController()
+
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'topSources', fromDate, toDate],
+        queryFn: () =>
+            getAnalytics({
+                requestType: 'topSources',
+                axiosPrivate,
+                controller,
+                fromDate,
+                toDate,
+            }),
+    })
+    return (
+        <ContainerBox title={t('sources')}>
+            <div className='w-full mb-6'>
+                <h1 className='font-bold border-b pb-1 my-1'>{t('topSources')}</h1>
+                {isLoading && <LoadingSpinners single={true} />}
+                {data?.topSources?.length > 0 &&
+                    data.topSources.map((source: BarChartDataItem, index: number) => (
+                        <div key={`${index}-${source.name}`} className='w-full text-sm flex justify-between'>
+                            <span className='font-bold text-foreground'>{source.name}:</span>
+                            <Badge variant='outline' className='ms-2'>
+                                {formatNumber(source.value)}
+                            </Badge>
+                        </div>
+                    ))}
+            </div>
+        </ContainerBox>
+    )
+}

package/templates/default/components/analytics/TotalPageViews.tsx

@@ -1,41 +1,41 @@
-import { useI18n } from 'nextjs-cms/translations/client'
-import { formatNumber } from 'nextjs-cms/utils'
-import ContainerBox from '@/components/ContainerBox'
-import React from 'react'
-import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
-import { useQuery } from '@tanstack/react-query'
-import { getAnalytics } from '@/lib/apiHelpers'
-import LoadingSpinners from '@/components/LoadingSpinners'
-
-export const TotalPageViews = ({
-    fromDate,
-    toDate,
-}: {
-    fromDate: Date | string | null
-    toDate: Date | string | null
-}) => {
-    const t = useI18n()
-    const axiosPrivate = useAxiosPrivate()
-    const controller = new AbortController()
-
-    const { isLoading, isError, data, error } = useQuery({
-        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
-        queryFn: () =>
-            getAnalytics({
-                requestType: 'statistics',
-                axiosPrivate,
-                controller,
-                fromDate,
-                toDate,
-            }),
-    })
-    return (
-        <ContainerBox title={t('totalPageViews')}>
-            {isLoading ? (
-                <LoadingSpinners single={true} />
-            ) : (
-                <div className='text-4xl'>{formatNumber(data?.totalPageViews)}</div>
-            )}
-        </ContainerBox>
-    )
-}
+import { useI18n } from 'nextjs-cms/translations/client'
+import { formatNumber } from 'nextjs-cms/utils'
+import ContainerBox from '@/components/ContainerBox'
+import React from 'react'
+import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
+import { useQuery } from '@tanstack/react-query'
+import { getAnalytics } from '@/lib/apiHelpers'
+import LoadingSpinners from '@/components/LoadingSpinners'
+
+export const TotalPageViews = ({
+    fromDate,
+    toDate,
+}: {
+    fromDate: Date | string | null
+    toDate: Date | string | null
+}) => {
+    const t = useI18n()
+    const axiosPrivate = useAxiosPrivate()
+    const controller = new AbortController()
+
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
+        queryFn: () =>
+            getAnalytics({
+                requestType: 'statistics',
+                axiosPrivate,
+                controller,
+                fromDate,
+                toDate,
+            }),
+    })
+    return (
+        <ContainerBox title={t('totalPageViews')}>
+            {isLoading ? (
+                <LoadingSpinners single={true} />
+            ) : (
+                <div className='text-4xl'>{formatNumber(data?.totalPageViews)}</div>
+            )}
+        </ContainerBox>
+    )
+}

package/templates/default/components/analytics/TotalSessions.tsx

@@ -1,41 +1,41 @@
-import { useI18n } from 'nextjs-cms/translations/client'
-import { formatNumber } from 'nextjs-cms/utils'
-import ContainerBox from '@/components/ContainerBox'
-import React from 'react'
-import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
-import { useQuery } from '@tanstack/react-query'
-import { getAnalytics } from '@/lib/apiHelpers'
-import LoadingSpinners from '@/components/LoadingSpinners'
-
-export const TotalSessions = ({
-    fromDate,
-    toDate,
-}: {
-    fromDate: Date | string | null
-    toDate: Date | string | null
-}) => {
-    const t = useI18n()
-    const axiosPrivate = useAxiosPrivate()
-    const controller = new AbortController()
-
-    const { isLoading, isError, data, error } = useQuery({
-        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
-        queryFn: () =>
-            getAnalytics({
-                requestType: 'statistics',
-                axiosPrivate,
-                controller,
-                fromDate,
-                toDate,
-            }),
-    })
-    return (
-        <ContainerBox title={t('totalSessions')}>
-            {isLoading ? (
-                <LoadingSpinners single={true} />
-            ) : (
-                <div className='text-4xl'>{formatNumber(data?.totalSessions)}</div>
-            )}
-        </ContainerBox>
-    )
-}
+import { useI18n } from 'nextjs-cms/translations/client'
+import { formatNumber } from 'nextjs-cms/utils'
+import ContainerBox from '@/components/ContainerBox'
+import React from 'react'
+import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
+import { useQuery } from '@tanstack/react-query'
+import { getAnalytics } from '@/lib/apiHelpers'
+import LoadingSpinners from '@/components/LoadingSpinners'
+
+export const TotalSessions = ({
+    fromDate,
+    toDate,
+}: {
+    fromDate: Date | string | null
+    toDate: Date | string | null
+}) => {
+    const t = useI18n()
+    const axiosPrivate = useAxiosPrivate()
+    const controller = new AbortController()
+
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
+        queryFn: () =>
+            getAnalytics({
+                requestType: 'statistics',
+                axiosPrivate,
+                controller,
+                fromDate,
+                toDate,
+            }),
+    })
+    return (
+        <ContainerBox title={t('totalSessions')}>
+            {isLoading ? (
+                <LoadingSpinners single={true} />
+            ) : (
+                <div className='text-4xl'>{formatNumber(data?.totalSessions)}</div>
+            )}
+        </ContainerBox>
+    )
+}

package/templates/default/components/analytics/TotalUniqueUsers.tsx

@@ -1,41 +1,41 @@
-import { useI18n } from 'nextjs-cms/translations/client'
-import { formatNumber } from 'nextjs-cms/utils'
-import ContainerBox from '@/components/ContainerBox'
-import React from 'react'
-import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
-import { useQuery } from '@tanstack/react-query'
-import { getAnalytics } from '@/lib/apiHelpers'
-import LoadingSpinners from '@/components/LoadingSpinners'
-
-export const TotalUniqueUsers = ({
-    fromDate,
-    toDate,
-}: {
-    fromDate: Date | string | null
-    toDate: Date | string | null
-}) => {
-    const t = useI18n()
-    const axiosPrivate = useAxiosPrivate()
-    const controller = new AbortController()
-
-    const { isLoading, isError, data, error } = useQuery({
-        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
-        queryFn: () =>
-            getAnalytics({
-                requestType: 'statistics',
-                axiosPrivate,
-                controller,
-                fromDate,
-                toDate,
-            }),
-    })
-    return (
-        <ContainerBox title={t('totalUniqueUsers')}>
-            {isLoading ? (
-                <LoadingSpinners single={true} />
-            ) : (
-                <div className='text-4xl'>{formatNumber(data?.totalUniqueUsers)}</div>
-            )}
-        </ContainerBox>
-    )
-}
+import { useI18n } from 'nextjs-cms/translations/client'
+import { formatNumber } from 'nextjs-cms/utils'
+import ContainerBox from '@/components/ContainerBox'
+import React from 'react'
+import { useAxiosPrivate } from 'nextjs-cms/auth/hooks'
+import { useQuery } from '@tanstack/react-query'
+import { getAnalytics } from '@/lib/apiHelpers'
+import LoadingSpinners from '@/components/LoadingSpinners'
+
+export const TotalUniqueUsers = ({
+    fromDate,
+    toDate,
+}: {
+    fromDate: Date | string | null
+    toDate: Date | string | null
+}) => {
+    const t = useI18n()
+    const axiosPrivate = useAxiosPrivate()
+    const controller = new AbortController()
+
+    const { isLoading, isError, data, error } = useQuery({
+        queryKey: ['analyticsPage', 'statistics', fromDate, toDate],
+        queryFn: () =>
+            getAnalytics({
+                requestType: 'statistics',
+                axiosPrivate,
+                controller,
+                fromDate,
+                toDate,
+            }),
+    })
+    return (
+        <ContainerBox title={t('totalUniqueUsers')}>
+            {isLoading ? (
+                <LoadingSpinners single={true} />
+            ) : (
+                <div className='text-4xl'>{formatNumber(data?.totalUniqueUsers)}</div>
+            )}
+        </ContainerBox>
+    )
+}

package/templates/default/components/custom/RightHomeRoomVariantCard.tsx

@@ -1,138 +1,138 @@
-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 RightHomeRoomVariantCard = ({
-    variant,
-    variantItem,
-    sectionItemId,
-    action,
-}: {
-    variant: Variant
-    variantItem: any
-    sectionItemId: string
-    action: any
-}) => {
-    const t = useI18n()
-    const { setModal, modal, modalResponse, setModalResponse } = useModal()
-    const axiosPrivate = useAxiosPrivate()
-    const controller = new AbortController()
-    const { toast } = useToast()
-
-    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-col gap-1'>
-                    <div className='flex justify-between'>
-                        <span className='font-bold'>Size From:</span>
-                        <span>{variantItem.size_from}</span>
-                    </div>
-                    <div className='flex justify-between'>
-                        <span className='font-bold'>Size To:</span>
-                        <span>{variantItem.size_to}</span>
-                    </div>
-                    <div className='flex justify-between'>
-                        <span className='font-bold'>Price:</span>
-                        <span>{variantItem.price}</span>
-                    </div>
-                </div>
-                <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 RightHomeRoomVariantCard
+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 RightHomeRoomVariantCard = ({
+    variant,
+    variantItem,
+    sectionItemId,
+    action,
+}: {
+    variant: Variant
+    variantItem: any
+    sectionItemId: string
+    action: any
+}) => {
+    const t = useI18n()
+    const { setModal, modal, modalResponse, setModalResponse } = useModal()
+    const axiosPrivate = useAxiosPrivate()
+    const controller = new AbortController()
+    const { toast } = useToast()
+
+    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-col gap-1'>
+                    <div className='flex justify-between'>
+                        <span className='font-bold'>Size From:</span>
+                        <span>{variantItem.size_from}</span>
+                    </div>
+                    <div className='flex justify-between'>
+                        <span className='font-bold'>Size To:</span>
+                        <span>{variantItem.size_to}</span>
+                    </div>
+                    <div className='flex justify-between'>
+                        <span className='font-bold'>Price:</span>
+                        <span>{variantItem.price}</span>
+                    </div>
+                </div>
+                <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 RightHomeRoomVariantCard