Changeset 99c1e45 for chapterx-frontend/src/pages/writer/CreateStoryPage.tsx

Timestamp:

06/24/26 16:28:50 (11 days ago)

Author:

kikisrbinoska <srbinoskakristina07@…>

Branches:

main

Children:

a8f4a2d

Parents:

0b502c2

Message:

Fixed writer section and admin management

File:

• chapterx-frontend/src/pages/writer/CreateStoryPage.tsx (modified) (3 diffs)

chapterx-frontend/src/pages/writer/CreateStoryPage.tsx

@@ -21 +21 @@
     short_description: '',
     content: '',
+    cover_image: '',
     genres: [] as string[],
     mature_content: false,
@@ -45 +46 @@
       story_id: Date.now(),
       ...form,
+      cover_image: form.cover_image || undefined,
       user_id: currentUser.user_id,
       author_username: currentUser.username,
@@ -124 +126 @@
               <span className="text-slate-600 text-xs">{form.short_description.length}/280</span>
             </div>
+          </div>
+
+          {/* Cover image */}
+          <div>
+            <label className="block text-sm font-medium text-slate-300 mb-1.5">Cover Image URL <span className="text-slate-500 font-normal">(optional)</span></label>
+            <input
+              value={form.cover_image}
+              onChange={e => {
+                const val = e.target.value
+                if (!val || val.startsWith('http')) setField('cover_image', val)
+              }}
+              placeholder="https://example.com/image.jpg"
+              className="w-full px-4 py-3 bg-slate-800 border border-slate-700 rounded-xl text-white placeholder-slate-500 focus:outline-none focus:border-indigo-500"
+            />
+            {form.cover_image?.startsWith('http') && (
+              <img src={form.cover_image} alt="Cover preview" className="mt-2 h-32 w-full object-cover rounded-xl opacity-80" onError={e => (e.currentTarget.style.display = 'none')} />
+            )}
           </div>