SSWConsulting / SSWConsulting/SSW.Website
imageTextBlock: optional square image + host subheading fields
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 14
- Forks
- 10
- Avg merge
- 13h 51m
- Merged PRs (30d)
- 38
Description
Deferred from PR #4760 (AI for Business Leaders event page), host (Mike Smedley) section, as a separate PBI because these are new reusable component capabilities that should be designed properly rather than added ad hoc. Design feedback from Tiago.
-
Square host photo (#13) — images render via
components/blocks/imageComponents/ImageComponentLayout.tsx(w-full rounded-md). Addingaspect-squarethere would square every image site-wide (not acceptable). Add an optional boolean to themediaConfigurationTina schema (e.g.squareImage) and conditionally applyaspect-square object-cover, set only on host/profile blocks. Decision: square (1:1) vs another portrait ratio. -
Host title styling (#14) — the host block is a generic
imageTextBlock; the role line ("SSW · AI Engagement Lead · Melbourne") is just the first paragraph ofdescriptionand renders as plain body text. Add an optionalsubheadingfield to the imageTextBlock schema, rendered with distinct styling (e.g.text-sswRed font-semibold uppercase tracking-wide), and move the role line into it.
Note: both add Tina schema fields, so tina/tina-lock.json must be regenerated (run pnpm dev to refresh it) and TinaCloud re-indexed, or the build fails on a schema mismatch.
Acceptance: new fields appear in the Tina editor, round-trip, and render; lockfile regenerates; applied to the host block on the event page.
Refs: PR #4760, Tiago design feedback items #13, #14.
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with components/blocks/imageComponents/ImageComponentLayout.tsx and locate the Tina schema for imageTextBlock and mediaConfiguration. Check how the host block is represented on the event page, then verify the new fields appear in Tina, round-trip, and render correctly. Run pnpm dev to regenerate tina/tina-lock.json and confirm the schema mismatch is resolved.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nextjs, tailwindcss, typescript
- Domain
- content, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 58/100