From 6cdceede0b3af22640ba53e7db3b87f6f6f987c1 Mon Sep 17 00:00:00 2001
From: Philipinho <16838612+Philipinho@users.noreply.github.com>
Date: Sun, 24 May 2026 16:13:54 +0100
Subject: [PATCH] feat(bases): allow adding new properties from inside the
 detail modal

---
 .../components/row-detail-modal/row-detail-modal.tsx   | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/apps/client/src/features/base/components/row-detail-modal/row-detail-modal.tsx b/apps/client/src/features/base/components/row-detail-modal/row-detail-modal.tsx
index 6df3dbb6e..25186854d 100644
--- a/apps/client/src/features/base/components/row-detail-modal/row-detail-modal.tsx
+++ b/apps/client/src/features/base/components/row-detail-modal/row-detail-modal.tsx
@@ -6,6 +6,7 @@ import {
   IBaseRow,
 } from "@/features/base/types/base.types";
 import { useUpdateRowMutation } from "@/features/base/queries/base-row-query";
+import { CreatePropertyPopover } from "@/features/base/components/property/create-property-popover";
 import { RowDetailTitle } from "./row-detail-title";
 import { PropertyRow } from "./property-row";
 
@@ -80,7 +81,14 @@ export function RowDetailModal({
                 }}
               />
             ))}
-          {/* Add-property button goes here in Task 20 */}
+          <CreatePropertyPopover
+            pageId={base.id}
+            properties={base.properties}
+            onPropertyCreated={() => {
+              // The base query invalidates on success — the new property will
+              // appear as a new <PropertyRow /> on next render. Nothing else to do.
+            }}
+          />
         </Stack>
       ) : (
         <Text c="dimmed">{t("Loading…")}</Text>