feat: implement public order details page with submission view, order actions, and sidebar branding updates

2026-09-03 14:54:33 +07:00
parent d32e7eda91
commit ff57d52dde
11 changed files with 643 additions and 288 deletions
@@ -0,0 +1,53 @@
+'use client'
+
+import { useState } from 'react'
+import { Button } from '@/components/ui/button'
+import { Share2, Check } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+interface ShareButtonProps {
+  orderId: string
+  className?: string
+  variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost"
+  size?: "default" | "sm" | "lg" | "icon"
+  showText?: boolean
+}
+
+export function ShareButton({ orderId, className, variant = "outline", size = "sm", showText = true }: ShareButtonProps) {
+  const [copied, setCopied] = useState(false)
+
+  const handleShare = () => {
+    const url = `${window.location.origin}/order/${orderId}`
+    navigator.clipboard.writeText(url)
+    setCopied(true)
+    setTimeout(() => setCopied(false), 2000)
+  }
+
+  return (
+    <Button 
+      variant={variant}
+      size={size}
+      onClick={handleShare}
+      className={cn(
+        "transition-all",
+        copied
+          ? "bg-emerald-50 text-emerald-600 border-emerald-200 hover:bg-emerald-100 hover:text-emerald-700 dark:bg-emerald-950/30 dark:text-emerald-400 dark:border-emerald-800"
+          : "",
+        className
+      )}
+      title="Bagikan PO"
+    >
+      {copied ? (
+        <>
+          <Check className="w-3.5 h-3.5 shrink-0" />
+          {showText && <span className="truncate hidden sm:inline">Tersalin</span>}
+        </>
+      ) : (
+        <>
+          <Share2 className="w-3.5 h-3.5 shrink-0" />
+          {showText && <span className="truncate hidden sm:inline">Bagikan</span>}
+        </>
+      )}
+    </Button>
+  )
+}