Skip to content

feat(home): crypto listings screen with BTC hero#2

Merged
gedu merged 9 commits into
mainfrom
feat/home-crypto-list
Mar 31, 2026
Merged

feat(home): crypto listings screen with BTC hero#2
gedu merged 9 commits into
mainfrom
feat/home-crypto-list

Conversation

@gedu

@gedu gedu commented Mar 30, 2026

Copy link
Copy Markdown
Owner

Summary

  • Home screen rebuilt with a scrollable crypto listings list powered by CoinMarketCap API
  • BTC Hero section at the top showing the featured coin name, current price, and 24h % change (green/red)
  • CoinRow component for each asset: rank, name, symbol, price, and 24h change
  • useCryptoListings hook using React Query to fetch and cache the top 100 coins
  • CMC API client (lib/cmc-client.ts) with typed response models (types/cmc.ts)
  • Shared Text and View themed components extracted for consistent styling

Preview

Home Screen Preview

Test plan

  • App loads and shows the BTC hero with current price and % change
  • Crypto list renders top 100 coins with correct rank, name, symbol, price and 24h change
  • Positive changes appear in green, negative in red
  • List scrolls smoothly (getItemLayout optimized)
  • Works on both light and dark mode

@gedu

gedu commented Mar 30, 2026

Copy link
Copy Markdown
Owner Author

Working on dark mode:

Screenshot 2026-03-30 at 19 48 34

All test are good

Comment thread features/home/components/btc-hero.tsx Outdated
@@ -0,0 +1,68 @@
import { StyleSheet, View } from "react-native";

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

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

@claude this file isn't needed, delete it

@github-actions github-actions Bot Mar 30, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Claude encountered an error —— View job


I'll analyze this and get back to you.

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

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

@claude can you delete this file, isn't being used

@github-actions github-actions Bot Mar 31, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Claude encountered an error —— View job


I'll analyze this and get back to you.

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

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

@claude this file isn't being used, delete it

@claude claude Bot Mar 31, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Claude finished @gedu's task in 29s —— View job


Deleted unused file

  • Verified btc-hero.tsx is unused (no imports found)
  • Deleted features/home/components/btc-hero.tsx
  • Committed and pushed

Co-authored-by: edug <gedu@users.noreply.github.com>
Comment thread components/themed-text.tsx Outdated
@gedu gedu self-assigned this Mar 31, 2026
Comment thread components/themed-view.tsx Outdated
return <View style={[{ backgroundColor }, style]} {...otherProps} />;
}
// Deprecated — use @/components/view instead
export { View as ThemedView, type ThemedViewProps } from '@/components/view';

Copy link
Copy Markdown
Owner Author

Choose a reason for hiding this comment

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

@claude this file is deprecated, if any component is using it, replace it with the @/components/view, then remove this file (commenting from mobile)

@claude claude Bot Mar 31, 2026

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Claude finished @gedu's task in 2m 2s —— View job


Deleted deprecated themed-view.tsx

  • Gather context
  • Found all usages of ThemedView (4 files: collapsible.tsx, parallax-scroll-view.tsx, modal.tsx, explore.tsx)
  • Replaced ThemedView with View from @/components/view in all 4 files
  • Deleted components/themed-view.tsx
  • Committed and pushed

@gedu gedu merged commit fd8fca7 into main Mar 31, 2026
1 check passed
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