Add community shortcut to lesson sidebar; v1.2.7

Adds a "Discuss this lesson" link in the classroom sidebar that takes
the user directly to the community page pre-filtered to the current
lesson's sectionId, so they can jump into discussion without navigating
back to the study index first.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 4.6 committed 2026-09-03 16:38:38 -04:00
1 parent 49e3a80c2c
commit 53e200174f
3 files changed
+20 -1

No files matched your search

+1 -1
View File
@@ -1,7 +1,7 @@
{ {
"name": "siteforge", "name": "siteforge",
"private": true, "private": true,
"version": "1.2.6", "version": "1.2.7",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",
+8
View File
@@ -12620,3 +12620,11 @@
.community-compose-card { padding: 0.9rem 1rem; } .community-compose-card { padding: 0.9rem 1rem; }
.community-post-card { gap: 0.55rem; padding: 0.85rem 0; } .community-post-card { gap: 0.55rem; padding: 0.85rem 0; }
} }
/* ── Community sidebar shortcut ─────────────────────────────────────────── */
.study-class-side-block--community { padding: 0; border: 1px solid rgba(201,168,76,0.2); border-radius: 10px; overflow: hidden; }
.study-community-shortcut { display: flex; align-items: center; gap: 0.6rem; padding: 0.75rem 1rem; color: var(--brand-gold, #c9a84c); font-size: 0.9rem; font-weight: 600; text-decoration: none; background: rgba(201,168,76,0.05); transition: background 0.15s; }
.study-community-shortcut:hover { background: rgba(201,168,76,0.12); }
.study-community-shortcut-icon { width: 16px; height: 16px; fill: currentColor; flex-shrink: 0; }
.study-community-shortcut-arrow { margin-left: auto; opacity: 0.6; transition: transform 0.15s; }
.study-community-shortcut:hover .study-community-shortcut-arrow { transform: translateX(3px); opacity: 1; }
+11
View File
@@ -2266,6 +2266,17 @@ export function ColossiansStudySectionPage({ content }: Props) {
)} )}
</article> </article>
{/* Community shortcut */}
{isEnrolled && (
<article className="study-class-side-block study-class-side-block--community">
<Link to={`/study/${study.slug}/community?sectionId=${section.id}`} className="study-community-shortcut">
<svg viewBox="0 0 24 24" aria-hidden="true" className="study-community-shortcut-icon"><path d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z" /></svg>
<span>Discuss this lesson</span>
<span className="study-community-shortcut-arrow">→</span>
</Link>
</article>
)}
{/* Greek Word Study */} {/* Greek Word Study */}
{section.greekNotes.length > 0 && ( {section.greekNotes.length > 0 && (
<article className="study-class-side-block"> <article className="study-class-side-block">