From a978bef1115d2434a7c6d449c1badf734165adb6 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Thu, 9 Apr 2026 09:43:47 +0330
Subject: [PATCH] catalog list  placeholder

---
 .env                         |  5 +++--
 src/components/Button.tsx    |  2 +-
 src/pages/catalogue/List.tsx | 19 ++++++++++++++++++-
 3 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/.env b/.env
index 1d1a307..7441941 100644
--- a/.env
+++ b/.env
@@ -1,3 +1,4 @@
-VITE_API_URL = 'http://10.165.85.88:4000'
+# VITE_API_URL = 'https://dpage.liara.run'
+VITE_API_URL = 'http://188.121.103.8:4141'
 VITE_TOKEN_NAME = 'dpage-editor-t'
-VITE_REFRESH_TOKEN_NAME = 'dpage-editor-refresh-t' 
\ No newline at end of file
+VITE_REFRESH_TOKEN_NAME = 'dpage-editor-refresh-t'
\ No newline at end of file
diff --git a/src/components/Button.tsx b/src/components/Button.tsx
index 07d0d98..e706d8d 100644
--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@@ -27,7 +27,7 @@ const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {
         <button
             ref={ref}
             className={clx(
-                'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-black/10 disabled:pointer-events-none disabled:opacity-50',
+                'inline-flex items-center cursor-pointer justify-center gap-2 whitespace-nowrap rounded-full px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-black/10 disabled:pointer-events-none disabled:opacity-50',
                 variantClasses[variant],
                 className
             )}
diff --git a/src/pages/catalogue/List.tsx b/src/pages/catalogue/List.tsx
index c1fedd9..bb4730d 100644
--- a/src/pages/catalogue/List.tsx
+++ b/src/pages/catalogue/List.tsx
@@ -2,13 +2,30 @@ import { type FC } from 'react'
 import { useGetCatalog } from '../home/hooks/useHomeData'
 import GridWrapper from '@/components/GridWrapper'
 import CatalogueItem from './components/CatalogueItem'
+import Button from '@/components/Button'
+import { Link } from 'react-router-dom'
+import { Paths } from '@/config/Paths'
 
 const CatalogueList: FC = () => {
 
-    const { data, refetch } = useGetCatalog()
+    const { data, refetch, isPending } = useGetCatalog()
 
     return (
         <div className='w-full mt-5'>
+            {
+                !isPending && !data?.data?.length &&
+                <div className='flex flex-col items-center gap-5'>
+                    <div className='text-gray-500'>
+                        هنوز کاتالوگی ساخته نشده است.
+                    </div>
+
+                    <Link to={Paths.home}>
+                        <Button className='w-fit px-4'>
+                            ساخت کاتالوگ جدید
+                        </Button>
+                    </Link>
+                </div>
+            }
             <GridWrapper desktop={4} gapDesktop={40} mobile={1}>
                 {
                     data?.data?.map((item) => {