Skip to content

Feat: Update Image on Member page#16

Merged
SimonBurmer merged 2 commits intomainfrom
updateMember
Mar 24, 2026
Merged

Feat: Update Image on Member page#16
SimonBurmer merged 2 commits intomainfrom
updateMember

Conversation

@SimonBurmer
Copy link
Copy Markdown
Collaborator

@SimonBurmer SimonBurmer commented Mar 24, 2026

Summary by CodeRabbit

  • New Features

    • Added company logo display in member testimonials
  • Updates

    • Updated member stories with new alumni data
    • Changed hero background image on members page
    • Removed date badges from event cards to streamline presentation
    • Refined event card spacing and layout

@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 24, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
website-special-pages-y5ch Ready Ready Preview, Comment Mar 24, 2026 9:30am

@coderabbitai
Copy link
Copy Markdown

coderabbitai Bot commented Mar 24, 2026

📝 Walkthrough

Walkthrough

This PR updates member journey testimonials with new alumni data and restructures logo display from overlay to inline format. It also removes date badges from event grids and updates the members page hero background image.

Changes

Cohort / File(s) Summary
Member Story Data & Structure
app/member-journey/page.tsx
Extended MemberStory interface with optional logos array field. Updated first two member entries with new alumni data (name, role, company, image, story, quote, department) and added logos arrays. Removed frequency badges from Internal Events card rendering. Passed logos prop to TestimonialsSection component.
Testimonials Logo Refactor
components/TestimonialsSection.tsx
Replaced single logo/logoAlt fields with logos array ({ src: string; url?: string }[]). Removed partner logo overlay rendering on testimonial images. Added inline logos column in card header with onError handling and optional external links for each logo.
Members Page Background
app/members/page.tsx
Updated Hero component backgroundImage prop from "/member-background.png" to "/ourMembers/hero.png".
Event Grid Date Badges Removal
components/PastEventsGrid.tsx, components/UpcomingEventsGrid.tsx
Removed date badge UI blocks from event cards. Updated UpcomingEventsGrid card body padding from px-4 pb-4 pt-2 to unified p-4.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

Poem

🐰 Hop along, dear alumni, in styles anew—
Logos dance inline where overlays once flew,
Date badges fade while backgrounds refresh,
Member stories sparkle, testimonials mesh!
A hop, skip, and code review to see the delight,
All changes align—the journey's just right!

🚥 Pre-merge checks | ✅ 1 | ❌ 2

❌ Failed checks (2 warnings)

Check name Status Explanation Resolution
Title check ⚠️ Warning The PR title 'Update Image on Member page' only addresses the background image change in app/members/page.tsx, but the changeset includes substantial updates across multiple components (MemberStory interface, TestimonialsSection refactoring, event date badge removals, and logo handling). Revise the title to reflect the full scope of changes, such as 'Refactor testimonials with logo support and update member page styling' or provide more specificity about the primary objective.
Docstring Coverage ⚠️ Warning Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%. Write docstrings for the functions missing them to satisfy the coverage threshold.
✅ Passed checks (1 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
✨ Simplify code
  • Create PR with simplified code
  • Commit simplified code in branch updateMember

Comment @coderabbitai help to get the list of available commands and usage tips.

Copy link
Copy Markdown

@coderabbitai coderabbitai Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🧹 Nitpick comments (1)
components/UpcomingEventsGrid.tsx (1)

98-116: Unused formattedDate variable - consider removing.

The formattedDate variable is computed but never rendered after the date badge removal. This dead code should be removed to keep the component clean.

♻️ Proposed fix to remove unused code
          return (
            <a
              key={eventWrapper.api_id}
              href={event.url}
              target="_blank"
              rel="noopener noreferrer"
-              
              className="group relative bg-white/5 hover:bg-white/10 border border-white/10 hover:border-[`#d0006f`] rounded-lg overflow-hidden transition-all duration-300 hover:shadow-xl hover:shadow-[`#d0006f`]/20 flex flex-col"
            >

And remove lines 98-116 (the entire formattedDate computation block):

-          // Parse the date and handle different formats
-          let formattedDate = 'Date unavailable'
-
-          try {
-            const dateStr = event.start_at
-
-            if (dateStr) {
-              const eventDate = new Date(dateStr)
-
-              if (!isNaN(eventDate.getTime())) {
-                formattedDate = eventDate.toLocaleDateString('en-US', {
-                  month: 'short',
-                  day: 'numeric',
-                  year: 'numeric'
-                })
-              }
-            }
-          } catch (err) {
-            console.error('Error parsing date:', err, event)
-          }
-
           return (
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@components/UpcomingEventsGrid.tsx` around lines 98 - 116, Remove the dead
date-formatting code in the UpcomingEventsGrid component: delete the
formattedDate variable initialization and the entire try/catch block that
computes eventDate (the block referencing formattedDate, dateStr, new Date(...),
isNaN(...), and toLocaleDateString). Ensure no other code in
UpcomingEventsGrid.tsx references formattedDate after removal; if any reference
exists, replace it with the appropriate current rendering logic or remove that
usage too.
🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@components/TestimonialsSection.tsx`:
- Line 70: In the TestimonialsSection component remove the duplicated Tailwind
class from the element whose className is "h-5 w-auto w-auto object-contain":
edit the className on that JSX element (in TestimonialsSection) to keep a single
"w-auto" so it becomes "h-5 w-auto object-contain", ensuring no other class
duplication remains.

---

Nitpick comments:
In `@components/UpcomingEventsGrid.tsx`:
- Around line 98-116: Remove the dead date-formatting code in the
UpcomingEventsGrid component: delete the formattedDate variable initialization
and the entire try/catch block that computes eventDate (the block referencing
formattedDate, dateStr, new Date(...), isNaN(...), and toLocaleDateString).
Ensure no other code in UpcomingEventsGrid.tsx references formattedDate after
removal; if any reference exists, replace it with the appropriate current
rendering logic or remove that usage too.

ℹ️ Review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

Run ID: e8eae346-626d-4919-b87d-4dfa42966567

📥 Commits

Reviewing files that changed from the base of the PR and between 5aa8a0c and 647ab6a.

⛔ Files ignored due to path filters (3)
  • public/memberJourney/alumni/FelixHaas.png is excluded by !**/*.png
  • public/memberJourney/alumni/JoshuaCornelius.png is excluded by !**/*.png
  • public/ourMembers/hero.png is excluded by !**/*.png
📒 Files selected for processing (5)
  • app/member-journey/page.tsx
  • app/members/page.tsx
  • components/PastEventsGrid.tsx
  • components/TestimonialsSection.tsx
  • components/UpcomingEventsGrid.tsx
💤 Files with no reviewable changes (1)
  • components/PastEventsGrid.tsx

<img
src={logo.src}
alt={item.company}
className="h-5 w-auto w-auto object-contain"
Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🟡 Minor

Duplicate w-auto class.

There's a duplicated w-auto in the className. Remove one instance.

🐛 Proposed fix
-                                                className="h-5 w-auto w-auto object-contain"
+                                                className="h-5 w-auto object-contain"
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
className="h-5 w-auto w-auto object-contain"
className="h-5 w-auto object-contain"
🤖 Prompt for AI Agents
Verify each finding against the current code and only fix it if needed.

In `@components/TestimonialsSection.tsx` at line 70, In the TestimonialsSection
component remove the duplicated Tailwind class from the element whose className
is "h-5 w-auto w-auto object-contain": edit the className on that JSX element
(in TestimonialsSection) to keep a single "w-auto" so it becomes "h-5 w-auto
object-contain", ensuring no other class duplication remains.

@SimonBurmer SimonBurmer merged commit bfb75de into main Mar 24, 2026
3 checks passed
@coderabbitai coderabbitai Bot mentioned this pull request Mar 25, 2026
@SimonBurmer SimonBurmer deleted the updateMember branch March 25, 2026 17:52
This was referenced Apr 5, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant