[Good First Issue] Add loading states and skeletons to map

[Dapappa]

Points: 75

Improve user experience by adding loading states when map data is being fetched.

Requirements:

• Show skeleton loader while incidents load
• Display spinner while user location is being determined
• Add error state if location permission denied
• Add retry button on network errors

Files to modify:

• /apps/mobile/src/components/MapView.tsx
• /apps/mobile/src/components/LoadingStates.tsx (create new)

---

Want to work on this?

1. Comment "I'd like to work on this!" to claim
2. Wait for maintainer approval
3. Fork the repo and create a branch
4. Submit a PR when ready

Questions? Ask on Discord

🇳🇬 Part of Code for Change - Building technology that saves lives!

[chathumsp02]

Hi! I'd like to work on this issue.

I'm a designer with Figma experience. I can create the visual designs and mockups for:

• Skeleton loaders for the map/incidents
• Loading spinner for location detection
• Error states (permission denied, network errors)
• Retry button designs

I can deliver designs in Figma with specifications (colors, spacing, animations). If needed, I can collaborate with a developer for implementation, or attempt the React Native code myself with guidance.

Is this approach acceptable?

[suvarnalaxmicodes]

Hi! I'd like to work on this issue.

I'm a designer with Figma experience. I can create the visual designs and mockups for:

• Skeleton loaders for the map/incidents
• Loading spinner for location detection
• Error states (permission denied, network errors)
• Retry button designs

I can deliver designs in Figma with specifications (colors, spacing, animations). If needed, I can collaborate with a developer for implementation, or attempt the React Native code myself with guidance.

Is this approach acceptable?
Hey @chathumsp02 I'd like to collaborate with you. I can write the React Native Code based on the designs you provide, let me know if this is possible?

[NandishDPatel]

Hey! I'd like to work on this!