Editorial Articles & Marketing Content

Manage Kampala destination guides, culinary stories, and newsletter subscribers.

{posts.map((p) => ( ))}

Title	Category	Excerpt	Status	Published Date
{p.title}	{p.category}	{p.excerpt}	{p.status \|\| 'Published'}	{new Date(p.created_at).toLocaleDateString()}

{/* Newsletter Subscribers */}

VIP Society Newsletter Subscribers ({subscribers.length})

{subscribers.map((s) => (

{s.email} {new Date(s.created_at).toLocaleDateString()}

))}

{/* Create Post Modal */} setCreateModalOpen(false)} title="Publish Editorial Journal Article" >

Article Title postForm.setData('title', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3 py-2 text-xs" />

Category

Featured Image URL postForm.setData('featured_image', e.target.value)} className="w-full bg-white border border-gray-300 rounded-xl px-3 py-2 text-xs" />

Short Excerpt

postForm.setData('excerpt', e.target.value)}
                            className="w-full bg-white border border-gray-300 rounded-xl px-3 py-2 text-xs"
                        />
                    </div>

<div>
                        <label className="text-xs font-semibold uppercase text-gray-600 block mb-1">Article Body Content</label>
                        <textarea
                            rows={5}
                            required
                            value={postForm.data.body}
                            onChange={(e) => postForm.setData('body', e.target.value)}
                            className="w-full bg-white border border-gray-300 rounded-xl px-3 py-2 text-xs font-mono"
                        />
                    </div>

<button
                        type="submit"
                        disabled={postForm.processing}
                        className="w-full bg-[#1A1A1A] hover:bg-[#C5A880] hover:text-[#1A1A1A] text-white py-3 rounded-xl text-xs font-bold uppercase tracking-widest transition-all"
                    >
                        Publish Story Online
                    </button>
                </form>
            </Modal>
        </StaffLayout>
    );
}