Commit Graph

105 Commits

Author SHA1 Message Date
Thomas Camlong
e9e9aefb79 feat(ui): add theme-aware gradient colors to magic card
- Integrate next-themes for dynamic color switching
- Add light/dark theme specific gradient colors
- Implement state management for theme-based color updates
- Use pink gradient for dark theme and blue gradient for light theme
- Improve visual consistency across different theme modes
2025-10-02 15:20:22 +02:00
Thomas Camlong
6fc0a06fc4 feat(ui): major login modal redesign with improved UX
- Complete UI/UX overhaul with modern design and better spacing
- Add form reset functionality and improved state management
- Replace custom loading spinner with Lucide Loader2 icon
- Remove BorderBeam effects for cleaner appearance
- Improve error handling and validation flow
- Enhance accessibility with better focus management
- Update button styling and layout for better visual hierarchy
- Add loading states and improve user feedback
- Refactor form structure for better maintainability
2025-10-02 15:20:16 +02:00
Thomas Camlong
f0215627d7 refactor(ui): improve icon name combobox with custom hook and better UX
- Replace direct PocketBase calls with useExistingIconNames hook
- Add loading states and better error handling
- Improve create new icon flow with preview functionality
- Extract icon name sanitization logic into reusable function
- Enhance empty state with loading indicator
- Reorganize component structure for better maintainability
2025-10-02 15:20:11 +02:00
Thomas Camlong
f4819acc7c style: remove unnecessary empty line in icon-card
- Clean up code formatting by removing extra blank line
- Improve code consistency and readability
2025-10-02 15:20:05 +02:00
Thomas Camlong
c471b87436 refactor(ui): update submit button text to singular form
- Change "Submit icon(s)" to "Submit icon" for consistency
- Update both authenticated and unauthenticated button states
- Improve text clarity and user experience
2025-10-02 15:20:01 +02:00
Thomas Camlong
9f4a1d9387 refactor(ui): simplify new icon submission alert
- Remove Check icon from new icon submission alert
- Simplify alert text by removing bold formatting
- Improve visual consistency with cleaner design
2025-10-02 15:19:56 +02:00
Thomas Camlong
d542377d97 feat: improve theme and usability 2025-10-02 12:30:22 +02:00
Thomas Camlong
680246d50e refactor: update recently added icons to use primary theme colors
- Replace rose color references with primary theme colors
- Update gradient text and hover effects to use primary color
- Improve theme consistency across recently added icons section
- Enhance maintainability with centralized color management
2025-10-02 12:09:26 +02:00
Thomas Camlong
9918c5507e refactor: replace hardcoded rose colors with primary theme colors
- Replace rose-500 color references with primary theme colors
- Update gradient backgrounds to use primary color variables
- Simplify shadow classes using CSS custom properties
- Ensure consistent theming across hero section components
- Improve maintainability and theme consistency
2025-10-02 12:09:18 +02:00
Thomas Camlong
13a1192dc2 feat: add advanced dropzone component
- Create comprehensive file dropzone component using react-dropzone
- Support file type validation, size limits, and file count restrictions
- Add drag-and-drop functionality with visual feedback
- Implement file preview and replacement capabilities
- Include context-based state management for file handling
- Support custom empty states and content rendering
- Add file size formatting and validation error handling
2025-10-02 10:52:24 +02:00
Thomas Camlong
4e58f705d3 feat: add advanced combobox component
- Create comprehensive combobox component with context management
- Support controllable state with @radix-ui/react-use-controllable-state
- Add search functionality with Command component integration
- Implement create new item functionality
- Include responsive width detection with ResizeObserver
- Support grouped items, empty states, and custom triggers
- Provide flexible data structure for various use cases
2025-10-02 10:52:18 +02:00
Thomas Camlong
e1ae75d27f feat: add BorderBeam animated component
- Create animated border beam component using Framer Motion
- Support customizable size, duration, delay, and colors
- Add reverse animation and initial offset options
- Implement gradient color transitions
- Provide configurable border width and styling
- Enable smooth circular border animations
2025-10-02 10:52:13 +02:00
Thomas Camlong
0a9d700144 feat: add icon name combobox component
- Create combobox for icon name selection and creation
- Integrate with PocketBase to fetch existing icon names
- Add input sanitization for icon IDs (lowercase, hyphens only)
- Implement existing icon detection and validation
- Support both selection from existing icons and creation of new ones
- Provide visual feedback for new vs existing icon submissions
2025-10-02 10:52:06 +02:00
Thomas Camlong
9cb8e220cb feat: implement advanced icon submission form
- Create comprehensive icon submission form with multiple variants
- Add support for base, dark, light, wordmark, and wordmark_dark variants
- Implement file upload with drag-and-drop functionality
- Add icon name validation and existing icon detection
- Include category selection, aliases, and description fields
- Integrate with PocketBase for submission storage
- Add form validation and error handling
2025-10-02 10:52:00 +02:00
Thomas Camlong
dd4bd2e565 feat: enhance login modal with animated border effects
- Add BorderBeam component import and implementation
- Create animated red and blue border effects
- Add relative overflow-hidden positioning
- Improve visual appeal and user engagement
2025-10-02 10:51:32 +02:00
Thomas Camlong
c210b4a8c5 feat: add onClick prop to IconSubmissionForm
- Add optional onClick prop to IconSubmissionForm component
- Enable external click handling for form triggers
- Improve component flexibility and reusability
2025-10-02 10:51:27 +02:00
Thomas Camlong
f45fa072af style: remove extra padding from search results header
- Remove pb-2 class from results header div
- Align with community-icon-search styling
- Improve visual consistency across search components
2025-10-02 10:51:21 +02:00
Thomas Camlong
310190f6c1 refactor: simplify header submit button implementation
- Remove IconSubmissionForm component usage
- Replace with direct Link navigation to /submit
- Simplify mobile and desktop submit button logic
- Remove unused import and improve code clarity
2025-10-02 10:51:17 +02:00
Thomas Camlong
22ac70dc9f style: remove extra padding from results header
- Remove pb-2 class from results header div
- Improve visual spacing consistency
- Clean up layout spacing issues
2025-10-02 10:51:12 +02:00
Thomas Camlong
49aab75953 format code + change env 2025-10-01 19:01:31 +02:00
Thomas Camlong
07f196f12f feat(web): add community icon search component
Add comprehensive search and filter component for community-submitted icons. Features include real-time search with debouncing, category filtering, multiple sort options (relevance, A-Z, Z-A, newest), and grouped display by submission status. Integrates with URL query parameters for shareable filtered views
2025-10-01 18:23:19 +02:00
Thomas Camlong
63507a767a feat(web): add login and registration modal component
Add comprehensive LoginModal component with toggle between login and registration modes. Includes form validation, error handling, loading states, and placeholder for GitHub OAuth (coming soon). Provides accessible form with proper ARIA attributes and keyboard navigation
2025-10-01 18:23:15 +02:00
Thomas Camlong
fd8b50776a style(web): improve dialog overlay backdrop blur
Reduce dialog overlay backdrop blur from default to 2px and decrease opacity from 50% to 30% for a more subtle, modern appearance that better matches the application's design system
2025-10-01 18:22:50 +02:00
Thomas Camlong
5f5e3ef825 feat(web): add "added_to_collection" status to submissions
Add support for new submission status "added_to_collection" indicating icons that have been officially added to the main collection. Update status priority ordering, color scheme (green badge), and display name formatting
2025-10-01 18:22:48 +02:00
Thomas Camlong
bf93408568 refactor(web): extract grid classes and add documentation
Extract shared grid classes into GRID_CLASSES constant for reusability. Add JSDoc comments to explain the purpose of IconsGrid (non-virtualized for small lists) and VirtualizedIconsGrid (optimized for large datasets) components
2025-10-01 18:22:44 +02:00
Thomas Camlong
db893d4f97 feat(web): add support for community icons in icon card
Update IconCard component to handle both regular icons and community-submitted icons. Community icons use HTTP URLs as image source and link to /community/:name instead of /icons/:name for proper routing
2025-10-01 18:22:42 +02:00
Thomas Camlong
fc39fd12c9 feat(web): refactor header with login modal and github stars
Replace LoginPopup component with new LoginModal component for better UX. Add GitHub repository star count display. Implement authentication guards for submission button - shows login modal for unauthenticated users. Add user dropdown menu with dashboard link and sign out functionality
2025-10-01 18:22:39 +02:00
Thomas Camlong
c11bcfa179 feat(web): add community and dashboard links to navigation
Add navigation links for community page and dashboard page (shown only when logged in). Implements active state highlighting for all navigation items including the new community and dashboard pages
2025-10-01 18:22:35 +02:00
Thomas Camlong
fb99a7ff9a feat(web): add submissions data table with filtering, sorting, and pagination 2025-10-01 15:47:25 +02:00
Thomas Camlong
be90e727c1 feat(web): add submission details dialog component with review and approval functionality 2025-10-01 15:47:23 +02:00
Thomas Camlong
f600ba5abb feat(web): add user display component with avatar and username 2025-10-01 15:47:22 +02:00
Thomas Camlong
36d4128e96 feat(web): add user authentication button with login and profile popover 2025-10-01 15:47:21 +02:00
Thomas Camlong
9e2aeea596 feat(web): add React Query provider wrapper component 2025-10-01 15:47:18 +02:00
Thomas Camlong
c56586f5ba feat(web): integrate PocketBase authentication with LoginPopup in header 2025-10-01 15:47:02 +02:00
Thomas Camlong
e10008ece5 refactor(web): move development environment check before useEffect hook in Carbon component 2025-10-01 15:47:01 +02:00
Thomas Camlong
9cbcb67feb feat (web): Make buttons always cursor-pointer 2025-10-01 15:45:43 +02:00
Thomas Camlong
b5c72677fc chore: format codebase 2025-09-29 11:01:14 +02:00
Meier Lukas
331e87a1ea fix(wordmark): image url is wrong 2025-09-07 15:35:53 +02:00
Thomas Camlong
5942dd6234 Merge branch 'main' into feat/wordmark
Signed-off-by: Thomas Camlong <thomas@ajnart.fr>
2025-05-19 15:14:24 +02:00
Thomas Camlong
659384a6d4 chore: update package manager and enhance icon metadata
- Updated package manager version to pnpm@10.11.0 in package.json.
- Added robots metadata for SEO in page.tsx.
- Changed Open Graph type from "article" to "website" and added siteName and images.
- Included canonical URL in alternates for better indexing.
- Added structured data for icons in the IconDetails component with priority loading for images.
2025-05-19 15:13:16 +02:00
ajnart
beab14f535 feat: add workmark icons 2025-05-08 23:55:25 +02:00
Thomas Camlong
321e969f6c Merge pull request #1320 from homarr-labs/feat/related-refine 2025-04-28 16:21:21 +02:00
Thomas Camlong
59ad9344b7 feat: make DISABLE_POSTHOG public (#1323)
For client side availabilty
2025-04-28 15:46:42 +02:00
Bjorn Lammers
50c3a92b29 fix(web): Run Biome checks and apply fixes 2025-04-27 22:59:33 +02:00
Bjorn Lammers
575dee0580 feat(icons/[id]): Refine related icons relevance, display limits, and styling 2025-04-27 22:57:56 +02:00
Bjorn Lammers
8afcb351ef feat(web): Refactor icon filtering and sorting (#1288)
* feat(web): Refactor icon filtering and sorting logic using a new utility function

* feat(command-menu): Improve display and performance of cmd+k menu

* fix(utils): Adjust scoring logic in fuzzySearch and filter thresholds
2025-04-26 23:07:05 +02:00
Bjorn Lammers
e7284241c9 feat(web): Fix and improve mobile display of submission form (#1291)
* feat(web): Fix and improve mobile display of submission form

* fix(web): Run Biome checks and apply fixes

* Update web/src/components/icon-search.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
Signed-off-by: Bjorn Lammers <bjorn@lammers.media>

---------

Signed-off-by: Bjorn Lammers <bjorn@lammers.media>
Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
2025-04-26 22:56:39 +02:00
Bjorn Lammers
09a30fd4fa refactor(web): Reintroduce specific lost features after d0f8f8c (#1285)
Co-authored-by: Thomas Camlong <thomas@ajnart.fr>
2025-04-26 17:28:24 +02:00
ajnart
d0f8f8ced9 revert: revert changes 2025-04-26 13:07:02 +02:00
Bjorn Lammers
9d2a35489f feat(icon-components): Improve image loading/error handling and add WebP support across icon-related components 2025-04-26 00:20:12 +02:00