supermemory/apps/browser-extension/components/icons.tsx
MaheshtheDev 3fa72c4ec7 feat: fix interaction and improve Design for extension (#679)
### TL;DR

Redesigned the browser extension UI with a dark theme and improved the Twitter bookmarks import experience with a new onboarding flow.

### What changed?

- Added a new `RightArrow` icon component for UI navigation
- Completely redesigned the popup UI with a dark theme and improved layout
- Enhanced Twitter bookmarks import functionality:
  - Added an onboarding toast that appears the first time a user visits the bookmarks page
  - Implemented a persistent import intent system that automatically opens the import modal when navigating to the bookmarks page
  - Created a progress toast to show import status
  - Improved folder import UI
- Updated the extension icon and added a new logo SVG
- Improved the project selection modal with better styling
2026-01-18 04:06:36 +00:00

18 lines
466 B
TypeScript

export function RightArrow({ className }: { className?: string }) {
return (
<svg
width="10"
height="11"
viewBox="0 0 10 11"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<title>Right arrow</title>
<path
d="M-1.26511e-05 5.82399V4.53599H7.81199L3.90599 0.895994L4.78799 -6.19888e-06L9.79999 4.77399V5.54399L4.78799 10.332L3.90599 9.43599L7.78399 5.82399H-1.26511e-05Z"
fill="#737373"
/>
</svg>
)
}