+
+ )
}
export default App
diff --git a/src/api/layersApi.ts b/src/api/layersApi.ts
new file mode 100644
index 00000000..70f9c980
--- /dev/null
+++ b/src/api/layersApi.ts
@@ -0,0 +1,25 @@
+import { readItems } from '@directus/sdk';
+import { directusClient } from './directus';
+
+
+
+export class layersApi {
+ mapId : string
+
+ constructor(mapId: string) {
+ this.mapId = mapId;
+ }
+
+ async getItems() {
+ try {
+ const layers = await directusClient.request(readItems("layers" as any, { fields: ['*', {itemType : ['*']}], filter: { "maps": { "maps_id": { "id": { "_eq": this.mapId } } } }, limit: 500 }));
+ return layers;
+ } catch (error: any) {
+ console.log(error);
+ if (error.errors[0]?.message)
+ throw error.errors[0].message;
+ else throw error;
+ }
+ }
+}
+
diff --git a/src/api/mapApi.ts b/src/api/mapApi.ts
new file mode 100644
index 00000000..33f855b3
--- /dev/null
+++ b/src/api/mapApi.ts
@@ -0,0 +1,25 @@
+import { readItems } from '@directus/sdk';
+import { directusClient } from './directus';
+
+
+
+export class mapApi {
+ url : string
+
+ constructor(url: string) {
+ this.url = url;
+ }
+
+ async getItems() {
+ try {
+ const map = await directusClient.request(readItems("maps" as any, { fields: ['*'], filter: { "url": { "_eq": this.url } } as any, limit: 500 }));
+ return map[0];
+ } catch (error: any) {
+ console.log(error);
+ if (error.errors[0]?.message)
+ throw error.errors[0].message;
+ else throw error;
+ }
+ }
+}
+
diff --git a/src/pages/MapContainer.tsx b/src/pages/MapContainer.tsx
index 8ce022a0..0c715eae 100644
--- a/src/pages/MapContainer.tsx
+++ b/src/pages/MapContainer.tsx
@@ -1,101 +1,73 @@
-import { UtopiaMap, Layer, ItemForm, ItemView, PopupTextAreaInput, PopupTextInput, PopupStartEndInput, TextView, StartEndView, PopupButton } from 'utopia-ui'
+import { UtopiaMap, Layer, ItemView, PopupButton, StartEndView, TextView, ItemForm, PopupStartEndInput, PopupTextAreaInput, PopupTextInput } from 'utopia-ui'
import { itemsApi } from '../api/itemsApi';
-import { Place, Event } from '../api/directus';
+import { Place } from '../api/directus';
import { useEffect, useState } from 'react';
-import { CalendarDaysIcon, MapPinIcon, UserIcon } from '@heroicons/react/20/solid'
+import { LayerProps } from 'utopia-ui/dist/types';
-function MapContainer() {
+type layerApi = {
+ id: string;
+ api: itemsApi
+
+ This map does not exist
+
-
- Press Save to place your Profile to the Map
-
+
}
+ Press Save to place your Profile to the Map
+