optimizations

resources/js/components/upload/steps/Step3Publish.jsx

@@ -1,6 +1,14 @@
 import React from 'react'
 import { motion, useReducedMotion } from 'framer-motion'
 
+function stripHtml(value) {
+  return String(value || '')
+    .replace(/<[^>]*>/g, ' ')
+    .replace(/&nbsp;/g, ' ')
+    .replace(/\s+/g, ' ')
+    .trim()
+}
+
 /**
  * PublishCheckBadge – a single status item for the review section
  */
@@ -66,6 +74,7 @@ export default function Step3Publish({
     (c) => String(c.id) === String(metadata.subCategoryId)
   ) ?? null
   const subLabel = subCategory?.name ?? null
+  const descriptionPreview = stripHtml(metadata.description)
 
   const checks = [
     { label: 'File uploaded', ok: uploadReady },
@@ -137,6 +146,7 @@ export default function Step3Publish({
 
             <div className="flex flex-wrap gap-x-4 gap-y-1 text-xs text-white/55">
               <span>Tags: <span className="text-white/75">{(metadata.tags || []).length}</span></span>
+              <span>Audience: <span className="text-white/75">{metadata.isMature ? 'Mature' : 'General'}</span></span>
               {!isArchive && fileMetadata?.resolution && fileMetadata.resolution !== '—' && (
                 <span>Resolution: <span className="text-white/75">{fileMetadata.resolution}</span></span>
               )}
@@ -145,8 +155,8 @@ export default function Step3Publish({
               )}
             </div>
 
-            {metadata.description && (
-              <p className="line-clamp-2 text-xs text-white/50">{metadata.description}</p>
+            {descriptionPreview && (
+              <p className="line-clamp-2 text-xs text-white/50">{descriptionPreview}</p>
             )}
           </div>
         </div>