DemocracyLab / DemocracyLab/CivicTechExchange
VAR-My Activity Frame - Right Frame
- 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)
```
{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
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