Skip to content

Comments

Issue 24 swap animation#34

Merged
AlAfiz merged 5 commits intoBETAIL-BOYS:mainfrom
Tebrihk:issue-24-swap-animation
Feb 24, 2026
Merged

Issue 24 swap animation#34
AlAfiz merged 5 commits intoBETAIL-BOYS:mainfrom
Tebrihk:issue-24-swap-animation

Conversation

@Tebrihk
Copy link

@Tebrihk Tebrihk commented Feb 23, 2026

closes #24

Your GitHub Username added 5 commits February 23, 2026 03:03
- Create src/app/not-found.tsx with TradeFlow dark theme
- Add friendly error message 'This pool doesn't exist'
- Include button to route back to home page (/)
- Add secondary 'Go Back' button using browser history
- Include helpful tips section for users
- Add decorative elements for visual appeal
- Responsive design with proper spacing and typography

Addresses issue BETAIL-BOYS#21
- Create TokenDropdown component with hardcoded tokens: ['XLM', 'USDC', 'yXLM']
- Use React state to track selectedToken with default 'XLM'
- Implement custom dropdown menu with open/close functionality
- Add click outside handler to close dropdown when clicking elsewhere
- Include visual feedback for selected token with blue accent
- Add smooth transitions and hover effects
- Support optional onTokenChange callback prop
- Consistent dark theme styling matching TradeFlow design

Addresses issue BETAIL-BOYS#29
- Create SwapInterface component with animated swap arrow
- Add ArrowUpDown icon from lucide-react with hover animation
- Apply Tailwind classes: transition-transform and hover:rotate-180
- Set smooth transition duration with duration-200
- Include token dropdowns for complete swap interface
- Add functional swap logic to exchange tokens
- Consistent dark theme styling matching TradeFlow design

Addresses issue BETAIL-BOYS#24
@AlAfiz AlAfiz merged commit eadeabb into BETAIL-BOYS:main Feb 24, 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.

ui: Add a spin/hover animation to the Swap icon

2 participants