antontranelis/utopia-ui
1
0
Fork 0
mirror of https://github.com/utopia-os/utopia-ui.git synced 2025-12-13 07:46:10 +00:00
Code Issues Packages Projects Releases Wiki Activity

updated api to fetch specific layer from backend

Browse Source
This commit is contained in:
Anton Tranelis 2024-02-01 07:26:06 +01:00
parent 000b33ca0b
commit 075576b5d0
3 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -9,7 +9,7 @@
<title>Utopia Game</title> <title>Utopia Game</title>
<meta property="og:title" content="Utopia Game" /> <meta property="og:title" content="Utopia Game" />
<meta property="og:description" content="Utopia is a cooperative real life manifestation game" /> <meta property="og:description" content="Utopia is a cooperative real life manifestation game" />
<meta property="og:image" content="/3markers-globe.svg" /> <meta property="og:image" content="/3markers-globe_256.png" />
</head> </head>
<body> <body>

8
src/api/itemsApi.ts
View File

@ -9,9 +9,13 @@ export class itemsApi<T> implements ItemsApi<T>{
collectionName: string; collectionName: string;
filter: any; filter: any;
constructor(collectionName: string, filter?: any) { constructor(collectionName: string, layerId?: string | undefined, filter?: any, ) {
this.collectionName = collectionName; this.collectionName = collectionName;
this.filter = filter; if(filter) this.filter = filter;
else this.filter = {};
if(layerId) this.filter = {... filter, ... { "layer" : { "id": { "_eq": layerId }}}}
console.log(this.filter);
} }
async getItems() { async getItems() {

17
src/pages/MapContainer.tsx
View File

@ -4,12 +4,14 @@ import { permissionsApi } from '../api/permissionsApi';
import { Place, Event, Tag } from '../api/directus'; import { Place, Event, Tag } from '../api/directus';
import { useEffect, useState } from 'react'; import { useEffect, useState } from 'react';
import {CalendarDaysIcon, MapPinIcon, UserIcon} from '@heroicons/react/20/solid' import {CalendarDaysIcon, MapPinIcon, UserIcon} from '@heroicons/react/20/solid'
// import { refiBcnApi } from '../api/refiBcnApi';
function MapContainer() { function MapContainer() {
const [placesApi, setPlacesApi] = useState<itemsApi<Place>>(); const [placesApi, setPlacesApi] = useState<itemsApi<Place>>();
const [eventsApi, setEventsApi] = useState<itemsApi<Event>>(); const [eventsApi, setEventsApi] = useState<itemsApi<Event>>();
// const [refiApi, setRefiApi] = useState<refiBcnApi>();
const [tagsApi, setTagsApi] = useState<itemsApi<Tag>>(); const [tagsApi, setTagsApi] = useState<itemsApi<Tag>>();
const [permissionsApiInstance, setPermissionsApiInstance] = useState<permissionsApi>(); const [permissionsApiInstance, setPermissionsApiInstance] = useState<permissionsApi>();
const [updatesApiInstance, setUpdatesApiInstance] = useState<itemsApi<Place>>(); const [updatesApiInstance, setUpdatesApiInstance] = useState<itemsApi<Place>>();
@ -19,15 +21,13 @@ function MapContainer() {
useEffect(() => { useEffect(() => {
setPlacesApi(new itemsApi<Place>('places')); setPlacesApi(new itemsApi<Place>('places',"e31de961-6709-4413-a27d-00e59ccfe472"));
setEventsApi(new itemsApi<Event>('events')); setEventsApi(new itemsApi<Event>('events', "1837e83e-07f1-44c0-88c0-8e9ea8e597db"));
setUpdatesApiInstance(new itemsApi('updates',"b4dd8b6b-80e8-4173-9682-4a5755e7b9cb",{"latest":{"_eq": true}}));
setTagsApi(new itemsApi<Tag>('tags')); setTagsApi(new itemsApi<Tag>('tags'));
// setRefiApi(new refiBcnApi('refi'));
setPermissionsApiInstance(new permissionsApi()); setPermissionsApiInstance(new permissionsApi());
setUpdatesApiInstance(new itemsApi('updates', {
"latest": {
"_eq": true
}
}));
}, []); }, []);
const icon = CalendarDaysIcon; const icon = CalendarDaysIcon;
@ -93,7 +93,8 @@ function MapContainer() {
</div> </div>
</ItemForm> </ItemForm>
</Layer> </Layer>
{/** <Layer name='ReFi-BCN' menuIcon={MapPinIcon} menuText='add new place' menuColor='#2E7D32' markerIcon='circle-solid' markerShape='circle' markerDefaultColor='#818583' itemTextField='description' itemLatitudeField='geolocation.lat' itemLongitudeField='geolocation.lon' api={refiApi}> </Layer>
*/}
<Tags api={tagsApi}></Tags> <Tags api={tagsApi}></Tags>
<Permissions api={permissionsApiInstance} adminRole='8ed0b24e-3320-48cd-8444-bc152304e580'></Permissions> <Permissions api={permissionsApiInstance} adminRole='8ed0b24e-3320-48cd-8444-bc152304e580'></Permissions>
</UtopiaMap> </UtopiaMap>