From a2dbd843b2c41271046a5605da85e8965ab9bd60 Mon Sep 17 00:00:00 2001
From: hamid zarghami <hamid.zarghami1@gmail.com>
Date: Mon, 23 Feb 2026 14:44:03 +0330
Subject: [PATCH] add attachments

---
 src/pages/request/RequestDetail.tsx | 28 +++++++++++++++++++++++++++-
 1 file changed, 27 insertions(+), 1 deletion(-)

diff --git a/src/pages/request/RequestDetail.tsx b/src/pages/request/RequestDetail.tsx
index 8f14156..04fd6cd 100644
--- a/src/pages/request/RequestDetail.tsx
+++ b/src/pages/request/RequestDetail.tsx
@@ -64,9 +64,35 @@ const RequestDetail: FC = () => {
                                     <div className="mt-6 pt-6 border-t border-dashed border-desc">
                                         <div className="text-sm font-medium mb-2 text-desc">شرح سفارش:</div>
                                         <p className="text-sm font-light text-black leading-6">
-                                            {item.description}
+                                            {item.description || '—'}
                                         </p>
                                     </div>
+
+                                    {/* Attachments */}
+                                    {item.attachments?.length ? (
+                                        <div className="mt-6 pt-6 border-t border-dashed border-desc">
+                                            <div className="text-sm font-medium mb-3 text-desc">پیوست‌ها:</div>
+                                            <div className="flex flex-wrap gap-4">
+                                                {item.attachments.map((att) => (
+                                                    att.type === 'voice' ? (
+                                                        <div key={att.url} className="flex items-center gap-2 p-3 bg-[#f5f6fa] rounded-xl">
+                                                            <audio controls src={att.url} className="max-w-[240px] h-9" />
+                                                        </div>
+                                                    ) : (
+                                                        <a
+                                                            key={att.url}
+                                                            href={att.url}
+                                                            target="_blank"
+                                                            rel="noopener noreferrer"
+                                                            className="block size-20 rounded-lg overflow-hidden border border-desc hover:opacity-90"
+                                                        >
+                                                            <img src={att.url} alt="پیوست" className="size-full object-cover" />
+                                                        </a>
+                                                    )
+                                                ))}
+                                            </div>
+                                        </div>
+                                    ) : null}
                                 </div>
                             )
                         })