simef-forest-app/src/
├── components/
│ ├── auth/ ClaveUnicaForm, InstLogin
│ ├── map/ ForestMap, RodalPolygons, GPSMarker
│ ├── telemetry/ NdviMetrics, ElevationBadge
│ └── ui/ Button, Modal, Toast, Drawer
├── hooks/
│ ├── useGeolocation.ts precisión GPS
│ ├── useOfflineSync.ts sincronización
│ └── useForestData.ts capas CIREN
├── store/
│ └── useSurveyStore.ts Zustand
├── types/
│ └── simef.d.ts GeoJSON, Rodales, Especies
├── App.tsx
└── main.tsx
// src/components/telemetry/RodalCard.tsx
interface RodalProps {
id: string;
especie: string;
hectareas: number;
ndvi: number;
onSelectParcel: (id: string) => void;
}
export const RodalCard: React.FC<RodalProps> = ({
id, especie, hectareas, ndvi, onSelectParcel
}) => (
<div className="bg-white rounded-2xl p-4 shadow-xl">
<div className="flex items-center justify-between">
<span className="text-xs font-bold text-emerald-800">{id}</span>
<span className="text-[10px] bg-emerald-50 px-2 rounded">
NDVI: {ndvi}
</span>
</div>
<h4 className="font-bold text-slate-900 mt-1">{especie}</h4>
<p className="text-xs text-slate-500">{hectareas} ha nativas</p>
<button
onClick={() => onSelectParcel(id)}
className="w-full mt-3 py-2 bg-emerald-700 text-white rounded-xl">
Ingresar Ficha Terreno
</button>
</div>
);
