feat: add order description display and replace input fields with textareas for multiline support

2026-09-11 12:45:17 +07:00
parent d1ed8f803b
commit be343f375a
3 changed files with 19 additions and 8 deletions
@@ -98,8 +98,17 @@ export default async function PublicOrderDetailPage({ params }: { params: Promis
      </div>

      <div className="grid grid-cols-1 lg:grid-cols-3 gap-6 items-start">
-        {/* Left 2 Cols: Daftar Penitip */}
+        {/* Left 2 Cols: Daftar Penitip & Description */}
        <div className="lg:col-span-2 space-y-6">
+          {order.description && (
+            <div className="bg-white dark:bg-slate-900 rounded-3xl border border-slate-200/60 dark:border-slate-800 shadow-sm overflow-hidden p-5 sm:p-6">
+              <h3 className="font-bold text-slate-900 dark:text-white mb-3">Deskripsi</h3>
+              <div className="text-slate-600 dark:text-slate-300 text-sm leading-relaxed whitespace-pre-wrap">
+                {order.description}
+              </div>
+            </div>
+          )}
+
          <div className="bg-white dark:bg-slate-900 rounded-3xl border border-slate-200/60 dark:border-slate-800 shadow-sm overflow-hidden">
            <div className="p-5 sm:p-6 border-b border-slate-100 dark:border-slate-800 bg-slate-50/50 dark:bg-slate-800/30 flex items-center justify-between">
              <div className="flex items-center gap-2">