Skip to content

feat: add earnings tab and connect accounts screen#35

Open
ReinaMaze wants to merge 4 commits into
ANYTECHS:mainfrom
ReinaMaze:feature/earnings-connect-accounts
Open

feat: add earnings tab and connect accounts screen#35
ReinaMaze wants to merge 4 commits into
ANYTECHS:mainfrom
ReinaMaze:feature/earnings-connect-accounts

Conversation

@ReinaMaze

@ReinaMaze ReinaMaze commented Jun 16, 2026

Copy link
Copy Markdown

close #16

Prz-droid and others added 4 commits June 16, 2026 14:54
- Add Earnings tab at src/app/(tabs)/earnings.tsx with:
  - Total earnings card showing \,840.50 with +12.5% change badge
  - Progress bar showing 65% toward monthly goal
  - Platform bar chart with TikTok, YouTube, Reels, and Twitch
  - Payout history list with method, date, status, and amount
  - View All Payouts button
  - All monetary values formatted with commas and two decimals

- Add Connect Accounts screen at src/app/connect-accounts.tsx with:
  - 2-column grid layout for integrations
  - Social accounts: X/Twitter, Discord, Instagram
  - Web3 wallets: MetaMask, Phantom, WalletConnect
  - Connected status indicators (green dot)
  - Connect/Disconnect actions with toast notifications
  - Placeholder OAuth handlers

- Reorganize app structure to use (tabs) directory for tab screens
- Update root layout to use Stack with (tabs) group
- Remove Connect Accounts screen (src/app/connect-accounts.tsx)
- Update root layout to remove connect-accounts Stack.Screen reference
- Focus branch on Earnings tab implementation only

The Earnings tab now includes:
- Total earnings display (\,840.50) with +12.5% change badge
- Progress bar showing % toward monthly goal
- Platform bar chart with TikTok, YouTube, Reels, and Twitch
- Tallest bar highlighted in teal
- Last 30 Days label with filter toggle
- Payout history list (method, date, status, amount)
- View All Payouts button to full payout history screen
- All monetary values formatted with commas and two decimals
- Add Earnings screen at src/app/(tabs)/earnings.tsx
- Total Earnings card: \,840.50 with +12.5% change badge
- Progress bar showing 65% toward \,000 monthly goal
- Platform bar chart: TikTok, YouTube, Reels, Twitch
- Highest bar (TikTok) highlighted in teal (#14B8A6)
- Last 30 Days section with Filter toggle
- Payout history list with:
  - Payment method (Bank Transfer / PayPal / BTC)
  - Date
  - Status (Pending/Completed) with color indicator
  - Amount
- View All Payouts button for full history screen
- All monetary values formatted with commas and two decimals
- Light/dark theme support included
- Restored original app structure with explore/index in root
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.

Build the Earnings Dashboard Screen

2 participants