create-nextjs-cms 0.9.0 → 0.9.1

package/templates/default/components/SelectInputButtons.tsx

@@ -1,125 +1,125 @@
-import { useI18n } from 'nextjs-cms/translations/client'
-import useModal from '@/hooks/useModal'
-import React from 'react'
-import NewPage from '@/components/NewPage'
-import ItemEditPage from '@/components/ItemEditPage'
-import { Button } from '@/components/ui/button'
-import CategoryDeleteConfirmPage from '@/components/CategoryDeleteConfirmPage'
-
-export default function SelectInputButtons({
-    section,
-    sectionTitle,
-    value,
-    parentId,
-    level,
-    refetch,
-    reset,
-    allowRecursiveDelete,
-}: {
-    section: string
-    sectionTitle: string
-    value: string | number | undefined
-    parentId: string | number | undefined
-    level: number
-    refetch: any
-    reset: any
-    allowRecursiveDelete: boolean
-}) {
-    const t = useI18n()
-    const { setModal } = useModal()
-    const newCatInit = () => {
-        setModal({
-            title: t('addNewItem'),
-            body: (
-                <NewPage
-                    section={section}
-                    action={refetch}
-                    sectionType='categorized'
-                    hiddenInputs={[
-                        {
-                            name: 'parent_id',
-                            value: parentId,
-                        },
-                        {
-                            name: 'level',
-                            value: level.toString(),
-                        },
-                    ]}
-                />
-            ),
-            headerColor: 'bg-emerald-700',
-            titleColor: 'text-white',
-            lang: 'en',
-            size: 'xl',
-        })
-    }
-
-    const catEditInit = () => {
-        if (value === undefined) return
-        setModal({
-            title: t('edit'),
-            body: (
-                <ItemEditPage
-                    sectionType='categorized'
-                    action={() => {
-                        refetch()
-                        reset()
-                    }}
-                    itemId={value.toString()}
-                    section={section}
-                    hiddenInputs={[
-                        {
-                            name: 'parent_id',
-                            value: parentId,
-                        },
-                        {
-                            name: 'level',
-                            value: level.toString(),
-                        },
-                    ]}
-                />
-            ),
-            headerColor: 'bg-blue-700',
-            titleColor: 'text-white',
-            lang: 'en',
-            size: 'xl',
-        })
-    }
-
-    const catDeleteInit = () => {
-        if (value === undefined) return
-        setModal({
-            title: t('delete'),
-            body: (
-                <CategoryDeleteConfirmPage
-                    action={() => {
-                        refetch()
-                        reset()
-                    }}
-                    allowRecursiveDelete={allowRecursiveDelete}
-                    sectionTitle={sectionTitle}
-                    section={section}
-                    id={value.toString()}
-                />
-            ),
-            headerColor: 'bg-red-700',
-            titleColor: 'text-white',
-            lang: 'en',
-            size: 'lg',
-        })
-    }
-
-    return (
-        <div className='flex flex-row gap-1 pt-1'>
-            <Button variant='default' size='sm' onClick={newCatInit} type='button'>
-                {t('add')}
-            </Button>
-            <Button variant='secondary' size='sm' onClick={catEditInit} type='button' disabled={value === undefined}>
-                {t('edit')}
-            </Button>
-            <Button variant='destructive' size='sm' onClick={catDeleteInit} disabled={value === undefined}>
-                {t('delete')}
-            </Button>
-        </div>
-    )
-}
+import { useI18n } from 'nextjs-cms/translations/client'
+import useModal from '@/hooks/useModal'
+import React from 'react'
+import NewPage from '@/components/NewPage'
+import ItemEditPage from '@/components/ItemEditPage'
+import { Button } from '@/components/ui/button'
+import CategoryDeleteConfirmPage from '@/components/CategoryDeleteConfirmPage'
+
+export default function SelectInputButtons({
+    section,
+    sectionTitle,
+    value,
+    parentId,
+    level,
+    refetch,
+    reset,
+    allowRecursiveDelete,
+}: {
+    section: string
+    sectionTitle: string
+    value: string | number | undefined
+    parentId: string | number | undefined
+    level: number
+    refetch: any
+    reset: any
+    allowRecursiveDelete: boolean
+}) {
+    const t = useI18n()
+    const { setModal } = useModal()
+    const newCatInit = () => {
+        setModal({
+            title: t('addNewItem'),
+            body: (
+                <NewPage
+                    section={section}
+                    action={refetch}
+                    sectionType='categorized'
+                    hiddenInputs={[
+                        {
+                            name: 'parent_id',
+                            value: parentId,
+                        },
+                        {
+                            name: 'level',
+                            value: level.toString(),
+                        },
+                    ]}
+                />
+            ),
+            headerColor: 'bg-emerald-700',
+            titleColor: 'text-white',
+            lang: 'en',
+            size: 'xl',
+        })
+    }
+
+    const catEditInit = () => {
+        if (value === undefined) return
+        setModal({
+            title: t('edit'),
+            body: (
+                <ItemEditPage
+                    sectionType='categorized'
+                    action={() => {
+                        refetch()
+                        reset()
+                    }}
+                    itemId={value.toString()}
+                    section={section}
+                    hiddenInputs={[
+                        {
+                            name: 'parent_id',
+                            value: parentId,
+                        },
+                        {
+                            name: 'level',
+                            value: level.toString(),
+                        },
+                    ]}
+                />
+            ),
+            headerColor: 'bg-blue-700',
+            titleColor: 'text-white',
+            lang: 'en',
+            size: 'xl',
+        })
+    }
+
+    const catDeleteInit = () => {
+        if (value === undefined) return
+        setModal({
+            title: t('delete'),
+            body: (
+                <CategoryDeleteConfirmPage
+                    action={() => {
+                        refetch()
+                        reset()
+                    }}
+                    allowRecursiveDelete={allowRecursiveDelete}
+                    sectionTitle={sectionTitle}
+                    section={section}
+                    id={value.toString()}
+                />
+            ),
+            headerColor: 'bg-red-700',
+            titleColor: 'text-white',
+            lang: 'en',
+            size: 'lg',
+        })
+    }
+
+    return (
+        <div className='flex flex-row gap-1 pt-1'>
+            <Button variant='default' size='sm' onClick={newCatInit} type='button'>
+                {t('add')}
+            </Button>
+            <Button variant='secondary' size='sm' onClick={catEditInit} type='button' disabled={value === undefined}>
+                {t('edit')}
+            </Button>
+            <Button variant='destructive' size='sm' onClick={catDeleteInit} disabled={value === undefined}>
+                {t('delete')}
+            </Button>
+        </div>
+    )
+}