Hide Enroll for planned studies (Coming soon) and reject planned enrollments server-side; v2.8.3

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "siteforge",
   "private": true,
-  "version": "2.8.2",
+  "version": "2.8.3",
   "type": "module",
   "scripts": {
     "dev": "vite",

server/routes/study-data.js

@@ -59,6 +59,11 @@ export function register(app) {
 
     const enrolled = Array.isArray(user.enrolledStudySlugs) ? user.enrolledStudySlugs : []
     if (!enrolled.includes(studySlug)) {
+      const catalogEntry = getStudyCatalog().find(study => study.slug === studySlug)
+      if (catalogEntry?.status === 'planned') {
+        res.status(400).json({ message: 'This study is not open for enrollment yet.' })
+        return
+      }
       user.enrolledStudySlugs = [...enrolled, studySlug].slice(0, MAX_STUDY_ENROLLMENTS_PER_USER)
       user.updatedAt = new Date().toISOString()
       queueStudyUsersWrite()

src/studyPages.tsx

@@ -806,6 +806,8 @@ export function StudyLandingPage({ content }: Props) {
                               >{enrollBusySlug === studyInfo.slug ? 'Working…' : 'Yes, leave'}</button>
                               <button type="button" className="btn-secondary" style={{ fontSize: '0.85rem', padding: '0.3rem 0.75rem' }} onClick={() => setConfirmLeaveSlug(null)}>Cancel</button>
                             </div>
+                          ) : !studyInfo.enrolled && studyInfo.status === 'planned' ? (
+                            <span style={{ fontSize: '0.85rem', color: '#b09e79' }}>Coming soon</span>
                           ) : (
                             <button
                               type="button"
@@ -3284,14 +3286,18 @@ export function StudyAccountPage() {
                               <h3 style={{ margin: '0.35rem 0 0' }}>{studyInfo.title}</h3>
                               <p style={{ margin: '0.4rem 0 0', fontSize: '0.9rem' }}>{studyInfo.completedLessons} of {studyInfo.totalLessons} lessons completed · {studyInfo.noteCount} notes</p>
                             </div>
-                            <button
-                              type="button"
-                              className={studyInfo.enrolled ? 'btn-admin-remove' : 'btn-primary'}
-                              disabled={enrollBusySlug === studyInfo.slug}
-                              onClick={() => handleEnrollmentToggle(studyInfo.slug, studyInfo.enrolled)}
-                            >
-                              {enrollBusySlug === studyInfo.slug ? 'Working…' : studyInfo.enrolled ? 'Leave' : 'Enroll'}
-                            </button>
+                            {!studyInfo.enrolled && studyInfo.status === 'planned' ? (
+                              <span style={{ fontSize: '0.85rem', color: '#b09e79' }}>Coming soon</span>
+                            ) : (
+                              <button
+                                type="button"
+                                className={studyInfo.enrolled ? 'btn-admin-remove' : 'btn-primary'}
+                                disabled={enrollBusySlug === studyInfo.slug}
+                                onClick={() => handleEnrollmentToggle(studyInfo.slug, studyInfo.enrolled)}
+                              >
+                                {enrollBusySlug === studyInfo.slug ? 'Working…' : studyInfo.enrolled ? 'Leave' : 'Enroll'}
+                              </button>
+                            )}
                           </div>
                         </div>
                       ))}