Skip to content

feat(FE-001): implement social feed screen tab UI#336

Open
ayomidearegbeshola29-dev wants to merge 1 commit into
Fracverse:masterfrom
ayomidearegbeshola29-dev:fix/309-social-feed-tabs
Open

feat(FE-001): implement social feed screen tab UI#336
ayomidearegbeshola29-dev wants to merge 1 commit into
Fracverse:masterfrom
ayomidearegbeshola29-dev:fix/309-social-feed-tabs

Conversation

@ayomidearegbeshola29-dev

Copy link
Copy Markdown

feat(FE-001): Implement Social Feed Screen Tab UI

Summary

Redesigns the Home screen (mobileapp/app/(personal)/home.tsx) to host a tab bar that lets users switch between Public Feed and Friends feeds.


Changes

mobileapp/app/(personal)/home.tsx

  • Added a tabBar row with two TouchableOpacity tabs: Public Feed and Friends
  • Tracks the active tab via useState<"public" | "friends">("public")
  • Active tab is visually highlighted with:
    • A 2px bottom border in COLORS.primary (#1A4B4A — dark green)
    • Label text rendered in COLORS.primary with bold weight
  • Feed items are filtered by the active tab:
    • Public Feed — shows all non-PRIVATE items
    • Friends — shows FRIENDS-visibility items and items sent/received by the current user
    • PRIVATE items are excluded from both tabs

Acceptance Criteria Checklist

  • Users can switch between Public Feed and Friends tabs
  • Active tab is highlighted in dark green (COLORS.primary = #1A4B4A)
  • Feed list filters correctly based on active tab
  • No regressions to existing balance card, quick actions, like/comment interactions, or comments modal

How to Test

  1. Open the app and navigate to the Home screen (logged-in personal account)
  2. Verify two tabs are visible: Public Feed and Friends
  3. Tap Friends — confirm only friend-visibility items appear and the tab label/underline turns dark green
  4. Tap Public Feed — confirm all public items are shown and the tab switches back
  5. Confirm the balance card, Pay/Request, Receive, Fund buttons, and like/comment interactions still work normally

Screenshots

Attach simulator/device screenshots showing the tab bar in both active states


Closes #309

Add Public/Friends tab bar to Home screen with active tab highlighting.
- useState tracks active tab (public | friends)
- Active tab underline and label use COLORS.primary (#1A4B4A, dark green)
- Feed items filtered by visibility per active tab

Closes Fracverse#309
@ONEONUORA

Copy link
Copy Markdown
Contributor

@ayomidearegbeshola29-dev
i can not see your implementation

@ONEONUORA

Copy link
Copy Markdown
Contributor

@ayomidearegbeshola29-dev
Pls update on this issue

@ONEONUORA

Copy link
Copy Markdown
Contributor

@ayomidearegbeshola29-dev
Pls update on this

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.

[FE-001] Implement Social Feed screen tab UI

2 participants