canastack-admin
/
sw-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
SocioWire frontend (working JS source, swchrist/sw-fe) — self-hosted mirror w/ v2 globe+clusters
193 Commits 1 Branch 0 Tags 5.7 MiB
JavaScript 76%
CSS 21.5%
HTML 1.3%
Shell 1.1%
Go to file
Your Name 28e760d616 Major UX improvements: Smart search, navigation, fixed markers 
1. Smart Search Integration (MapView.jsx, SmartSearchBar.jsx):
   - Replace simple search bar with SmartSearchBar component
   - Suggestions appear on focus (popular cities/regions)
   - Suggestions update as user types (debounced 150ms)
   - Click suggestion → fly to location with appropriate zoom
   - Search triggers even with empty query for popular results

2. Navigation to Cities (MapView.jsx):
   - New handlePickSuggestion() function
   - Extracts coords from suggestion (supports coords array or lat/lon)
   - Uses map.flyTo() with smart zoom levels per type:
     * Cities: zoom 11
     * Regions: zoom 7
     * Posts: zoom 16
     * Profiles: zoom 14
   - Clears search after navigation

3. Fixed Marker Anchoring (markerManager.js):
   - Changed anchor: "center" → "bottom"
   - Markers now stay fixed at geographic position
   - Pin design: circle image + triangular point (52px height)
   - Point positioned at exact lat/lon location
   - No more drifting when map moves!

4. Improved Pin Design:
   - Circle (32px) with category color background
   - White border + shadow for visibility
   - Triangular point (16px) below circle
   - Image inside circle if available
   - Hover card positioned above pin (bottom: 58px)
   - Smooth transitions on hover/click

Mobile-friendly: Works on cellphone without console, visual feedback

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
 		2025-12-23 15:39:58 -05:00
public update frontend 2025-12-21 23:37:00 -05:00
src Major UX improvements: Smart search, navigation, fixed markers 2025-12-23 15:39:58 -05:00
utils update frontend 2025-12-21 00:28:26 -05:00
.gitignore yeah 2025-12-08 23:22:58 +00:00
README.md carche 2025-12-22 02:30:42 -05:00
deploy.sh blehh 2025-12-18 22:39:29 -05:00
eslint.config.js yeah 2025-12-08 23:22:58 +00:00
index.html update frontend 2025-12-21 22:54:50 -05:00
logo-master.png update frontend 2025-12-21 20:16:34 -05:00
package-lock.json bleh 2025-12-19 16:24:21 -05:00
package.json j essais de fix 2025-12-16 22:47:17 -05:00
vite.config.js j essais de fix 2025-12-16 22:47:17 -05:00

README.md

React + Vite

char ok tourbmarxhe y

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

React Compiler

The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.

Expanding the ESLint configuration

If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.