DemocracyLab / DemocracyLab/CivicTechExchange

VAR-My Activity Frame - Right Frame

Open
#1,135 1 comment 0 reactions 0 assignees View on GitHub
Front End
Dominant language
JavaScript
Stars
105
Forks
71
PR merge metrics
No merged PRs in 30d

Description

### Definition:
Encapsulates the list of weekly activity logs (rendered by VARLogWeek components) on My Activity Section Of volunteer’s profile page.
Displays a "Show more activity" button at the bottom to load additional logs.

**NOTE: This component requires VARLogWeek to be implemented.**

### Figma:
[Show more activity button](https://www.figma.com/design/WADcmVjJh5ARVoZ09xlpfdFN/DemocracyLab?node-id=39354-88983&t=OK3IVjidhBwI1jvx-4)
[Profile Page Activity Page ](https://www.figma.com/design/WADcmVjJh5ARVoZ09xlpfdFN/DemocracyLab?node-id=39346-87330&t=OK3IVjidhBwI1jvx-4)
[Right Frame](https://www.figma.com/design/WADcmVjJh5ARVoZ09xlpfdFN/DemocracyLab?node-id=39346-86774&t=OK3IVjidhBwI1jvx-4)

Image

Image

```

{logs.map(log => (

))}

```
### Props:

activities - Required - List of entries
hasMore - Boolean - Whether there are additional logs to load
onShowMore- Function - callback function to fetch more entries when button is hit

### Storybook Test Cases:

- Renders children properly inside wrapper
- Button appears only when hasMore is True.
- Button click triggers onShowMore and loads the entries

### Related Components:
- VARLogWeek: Displays a single week of activity logs
- ProfilePage: Parent component using this wrapper

Contributor guide

Open the contributing guide

Research direction

Locate the ActivityLogWrapper component and its Storybook story, then read the related VARLogWeek and ProfilePage components to understand the expected integration. Verify that children render, the Show more activity button appears only when hasMore is true, and clicking it invokes onShowMore.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react, storybook
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.