Auto deploy: 2025-12-09 03:26:48
This commit is contained in:
Your Name
parent
174f3784e3
commit
71368d4a5e
|
|
@ -7,7 +7,7 @@ const API_BASE = "/api";
|
|||
/**
|
||||
* Récupère la liste des posts avec filtres.
|
||||
* filters: {
|
||||
* category?: "NEWS" | "FRIENDS" | "EVENTS" | "MARKET"
|
||||
* category?: "NEWS" | "FRIENDS" | "EVENT" | "MARKET"
|
||||
* subCategory?: string
|
||||
* time?: "NOW" | "TODAY" | "RECENT" | "PAST"
|
||||
* lat?: number
|
||||
|
|
@ -94,6 +94,7 @@ export async function fetchIpLocation() {
|
|||
/**
|
||||
* Crée un nouveau post
|
||||
* Backend: POST /api/post (postCreateHandler)
|
||||
* Attend: { title, snippet, category, sub_category, lat, lon, author }
|
||||
*/
|
||||
export async function createPost(payload) {
|
||||
const res = await fetch(`${API_BASE}/post`, {
|
||||
|
|
|
|||
|
|
@ -3,10 +3,12 @@ import maplibregl from "maplibre-gl";
|
|||
import "maplibre-gl/dist/maplibre-gl.css";
|
||||
import { fetchPosts, fetchIpLocation, createPost } from "../../api/client";
|
||||
|
||||
/* ------------ UTILS -------------- */
|
||||
/* ------------ CONSTANTES LOCALSTORAGE -------------- */
|
||||
const LAST_POS_KEY = "sociowire:lastPosition"; // position utilisateur (GPS/IP)
|
||||
const LAST_VIEW_KEY = "sociowire:lastView"; // dernière vue carte (centre+zoom)
|
||||
|
||||
/* ------------ UTILS -------------- */
|
||||
|
||||
// petite haversine pour estimer le rayon en km en fonction du zoom
|
||||
function haversineKm(lat1, lon1, lat2, lon2) {
|
||||
const R = 6371;
|
||||
|
|
@ -84,15 +86,17 @@ function categoryCode(mainFilter) {
|
|||
}
|
||||
}
|
||||
|
||||
/* ------------ CATEGORIES -------------- */
|
||||
/* ------------ CATEGORIES POUR LES CHIPS -------------- */
|
||||
const CATEGORY_MAP = {
|
||||
News: ["World", "Politics", "Tech", "Finance", "Local"],
|
||||
Friends: ["Nearby", "Chats", "Groups", "Stories", "Favs"],
|
||||
Events: ["Today", "Weekend", "Music", "Sports", "Local"],
|
||||
Market: ["Actu", "Tech", "Finan", "Sport", "Deals"],
|
||||
Default: ["World", "Actu", "Tech", "Finan", "Sport"],
|
||||
};
|
||||
|
||||
/* =====================================================
|
||||
COMPONENT
|
||||
===================================================== */
|
||||
export default function MapView() {
|
||||
const containerRef = useRef(null);
|
||||
const mapRef = useRef(null);
|
||||
|
|
@ -101,9 +105,9 @@ export default function MapView() {
|
|||
|
||||
const [status, setStatus] = useState("Loading posts...");
|
||||
|
||||
const [mainFilter, setMainFilter] = useState("Default"); // News/Friends/Events/Market
|
||||
const [mainFilter, setMainFilter] = useState("News"); // News/Friends/Events/Market
|
||||
const [timeFilter, setTimeFilter] = useState("RECENT"); // NOW/TODAY/RECENT/PAST
|
||||
const [subFilter, setSubFilter] = useState(null); // sous-catégorie du bas
|
||||
const [subFilter, setSubFilter] = useState(null); // sous-catégorie du bas
|
||||
|
||||
const [userPosition, setUserPosition] = useState(null); // [lng, lat]
|
||||
const [reloadToken, setReloadToken] = useState(0);
|
||||
|
|
@ -127,13 +131,33 @@ export default function MapView() {
|
|||
const [isSaving, setIsSaving] = useState(false);
|
||||
const [saveError, setSaveError] = useState("");
|
||||
|
||||
/* ------------ INIT MAP -------------- */
|
||||
/* ------------ INIT MAP (THEME BLEU NUIT + LAST VIEW) -------------- */
|
||||
useEffect(() => {
|
||||
if (!containerRef.current) return;
|
||||
|
||||
const map = new maplibregl.Map({
|
||||
container: containerRef.current,
|
||||
style: "https://demotiles.maplibre.org/style.json",
|
||||
// Thème nuit bleu CARTO + villes
|
||||
style: {
|
||||
version: 8,
|
||||
sources: {
|
||||
"carto-dark": {
|
||||
type: "raster",
|
||||
tiles: [
|
||||
"https://a.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png",
|
||||
],
|
||||
tileSize: 256,
|
||||
attribution: "© OpenStreetMap contributors © CARTO",
|
||||
},
|
||||
},
|
||||
layers: [
|
||||
{
|
||||
id: "carto-dark-layer",
|
||||
type: "raster",
|
||||
source: "carto-dark",
|
||||
},
|
||||
],
|
||||
},
|
||||
center: [-95, 40],
|
||||
zoom: 3.5,
|
||||
pitch: 45,
|
||||
|
|
@ -274,8 +298,7 @@ export default function MapView() {
|
|||
}, [hasLastView]);
|
||||
|
||||
/* ------------ SOUS-CATEGORIES (bas) -------------- */
|
||||
const bottomCategories =
|
||||
CATEGORY_MAP[mainFilter] || CATEGORY_MAP.Default;
|
||||
const bottomCategories = CATEGORY_MAP[mainFilter] || [];
|
||||
|
||||
useEffect(() => {
|
||||
if (!bottomCategories.length) return;
|
||||
|
|
@ -475,9 +498,9 @@ export default function MapView() {
|
|||
setDraftTitle("");
|
||||
setDraftBody("");
|
||||
|
||||
const main = mainFilter === "Default" ? "News" : mainFilter;
|
||||
const main = mainFilter || "News";
|
||||
setDraftCategory(main);
|
||||
const list = CATEGORY_MAP[main] || CATEGORY_MAP.Default;
|
||||
const list = CATEGORY_MAP[main] || CATEGORY_MAP.News;
|
||||
setDraftSubCategory(list[0]);
|
||||
setDraftCoords(null);
|
||||
};
|
||||
|
|
@ -651,7 +674,7 @@ export default function MapView() {
|
|||
onChange={(e) => {
|
||||
const cat = e.target.value;
|
||||
setDraftCategory(cat);
|
||||
const list = CATEGORY_MAP[cat] || CATEGORY_MAP.Default;
|
||||
const list = CATEGORY_MAP[cat] || CATEGORY_MAP.News;
|
||||
setDraftSubCategory(list[0]);
|
||||
}}
|
||||
>
|
||||
|
|
@ -666,7 +689,7 @@ export default function MapView() {
|
|||
value={draftSubCategory}
|
||||
onChange={(e) => setDraftSubCategory(e.target.value)}
|
||||
>
|
||||
{(CATEGORY_MAP[draftCategory] || CATEGORY_MAP.Default).map(
|
||||
{(CATEGORY_MAP[draftCategory] || CATEGORY_MAP.News).map(
|
||||
(sub) => (
|
||||
<option key={sub} value={sub}>
|
||||
{sub}
|
||||
|
|
|
|||
Loading…
Reference in New Issue