optimizations

resources/js/components/upload/UploadSidebar.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import TagPicker from '../tags/TagPicker'
 import Checkbox from '../../Components/ui/Checkbox'
-import MarkdownEditor from '../ui/MarkdownEditor'
+import RichTextEditor from '../forum/RichTextEditor'
 
 export default function UploadSidebar({
   title = 'Artwork details',
@@ -13,6 +13,7 @@ export default function UploadSidebar({
   onChangeTitle,
   onChangeTags,
   onChangeDescription,
+  onToggleMature,
   onToggleRights,
 }) {
   return (
@@ -46,14 +47,16 @@ export default function UploadSidebar({
 
             <label className="block">
               <span className="text-sm font-medium text-white/90">Description <span className="text-red-300">*</span></span>
-              <MarkdownEditor
-                id="upload-sidebar-description"
-                value={metadata.description}
+              <div className="mt-2">
+              <RichTextEditor
+                content={metadata.description}
                 onChange={onChangeDescription}
-                placeholder="Describe your artwork (Markdown supported)."
-                error={errors.description}
+                placeholder="Describe your artwork, tools, inspiration…"
+                error={Array.isArray(errors.description) ? errors.description[0] : errors.description}
+                minHeight={12}
+                autofocus={false}
               />
-              {errors.description && <p className="mt-1 text-xs text-red-200">{errors.description}</p>}
+              </div>
             </label>
           </div>
         </section>
@@ -74,6 +77,18 @@ export default function UploadSidebar({
           />
         </section>
 
+        <section className="rounded-2xl border border-white/10 bg-white/[0.03] p-5">
+          <Checkbox
+            id="upload-sidebar-mature"
+            checked={Boolean(metadata.isMature)}
+            onChange={(event) => onToggleMature?.(event.target.checked)}
+            variant="accent"
+            size={20}
+            label="Mark this artwork as mature content."
+            hint="Use this for NSFW, explicit, or otherwise age-restricted artwork."
+          />
+        </section>
+
         <section className="rounded-2xl border border-white/10 bg-white/[0.03] p-5">
           <Checkbox
             id="upload-sidebar-rights"