From de71d4c0d712bcc7ca9b89ef3e427d22b1a912bf Mon Sep 17 00:00:00 2001
From: Suraj Jha <getsurajjha@gmail.com>
Date: Mon, 18 Aug 2025 23:45:01 +0545
Subject: [PATCH] fix: add message to create custom template

---
 .../outline/components/LayoutSelection.tsx    | 26 ++++++++++++-------
 1 file changed, 16 insertions(+), 10 deletions(-)

diff --git a/servers/nextjs/app/(presentation-generator)/outline/components/LayoutSelection.tsx b/servers/nextjs/app/(presentation-generator)/outline/components/LayoutSelection.tsx
index 57c2a77b..3dc97448 100644
--- a/servers/nextjs/app/(presentation-generator)/outline/components/LayoutSelection.tsx
+++ b/servers/nextjs/app/(presentation-generator)/outline/components/LayoutSelection.tsx
@@ -172,16 +172,22 @@ const LayoutSelection: React.FC<LayoutSelectionProps> = ({
                 <div className="flex items-center justify-between mb-3">
                     <h3 className="text-lg font-semibold text-gray-900">Custom AI Templates</h3>
                 </div>
-                <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                    {customGroups.map((group) => (
-                        <GroupLayouts
-                            key={group.id}
-                            group={group}
-                            onSelectLayoutGroup={handleLayoutGroupSelection}
-                            selectedLayoutGroup={selectedLayoutGroup}
-                        />
-                    ))}
-                </div>
+                {customGroups.length === 0 ? (
+                    <div className="text-sm text-gray-600 py-2">
+                        No custom templates. Create one from "Create Template" menu.
+                    </div>
+                ) : (
+                    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
+                        {customGroups.map((group) => (
+                            <GroupLayouts
+                                key={group.id}
+                                group={group}
+                                onSelectLayoutGroup={handleLayoutGroupSelection}
+                                selectedLayoutGroup={selectedLayoutGroup}
+                            />
+                        ))}
+                    </div>
+                )}
             </div>
         </div>
     );