From 067e4af4409f8f1efb1f7066b509b4535a1c3abf Mon Sep 17 00:00:00 2001
From: kovakmedya <egecankomur@gmail.com>
Date: Thu, 21 May 2026 22:48:22 +0300
Subject: [PATCH] fix(ui): connections pricing rules inline with commas instead
 of stacking
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Bağlantılarım table rendered the pricing summary cell as a vertical
<ul> — one rule per line — which doubled or tripled the row height for
labs that priced multiple prosthetic types. User asked for the rules to
sit on a single line, separated by commas.

Switched to an inline <span> with React.Fragment-joined rules, comma
separator, and the truncation suffix stays in the same line.

Truncation rule unchanged: show first 3, then ', +N kural'.
---
 .../connections/components/connections-table.tsx   | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/app/(dashboard)/connections/components/connections-table.tsx b/src/app/(dashboard)/connections/components/connections-table.tsx
index 44be4c8..f0c0dab 100644
--- a/src/app/(dashboard)/connections/components/connections-table.tsx
+++ b/src/app/(dashboard)/connections/components/connections-table.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import * as React from "react";
 import { useActionState, useEffect, useState, useTransition } from "react";
 import { Loader2, Trash2 } from "lucide-react";
 import { toast } from "sonner";
@@ -141,9 +142,10 @@ function ApprovedRow({
         {pricing.length === 0 ? (
           <span>Katalog fiyatı</span>
         ) : (
-          <ul className="space-y-0.5">
-            {pricing.slice(0, 3).map((p) => (
-              <li key={p.$id}>
+          <span>
+            {pricing.slice(0, 3).map((p, idx) => (
+              <React.Fragment key={p.$id}>
+                {idx > 0 && ", "}
                 <span className="text-foreground">
                   {TYPE_LABELS[p.prostheticType] ?? p.prostheticType}
                 </span>
@@ -153,10 +155,10 @@ function ApprovedRow({
                   : p.discountPercent
                     ? `%${p.discountPercent} indirim`
                     : "—"}
-              </li>
+              </React.Fragment>
             ))}
-            {pricing.length > 3 && <li>+ {pricing.length - 3} kural</li>}
-          </ul>
+            {pricing.length > 3 && `, +${pricing.length - 3} kural`}
+          </span>
         )}
       </TableCell>
       <TableCell className="text-right">