diff --git a/package-lock.json b/package-lock.json index 201f414d..a83dd2c5 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "utopia-ui", - "version": "3.0.81", + "version": "3.0.85", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "utopia-ui", - "version": "3.0.81", + "version": "3.0.85", "license": "GPL-3.0-only", "dependencies": { "@heroicons/react": "^2.0.17", diff --git a/package.json b/package.json index 6b8101f3..076bc3bf 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "utopia-ui", - "version": "3.0.81", + "version": "3.0.85", "description": "Reuseable React Components to build mapping apps for real life communities and networks", "repository": "https://github.com/utopia-os/utopia-ui", "homepage": "https://utopia-os.org/", diff --git a/src/Components/Profile/Subcomponents/GalleryView.tsx b/src/Components/Profile/Subcomponents/GalleryView.tsx index be2e7830..d167aec0 100644 --- a/src/Components/Profile/Subcomponents/GalleryView.tsx +++ b/src/Components/Profile/Subcomponents/GalleryView.tsx @@ -9,26 +9,25 @@ import type { Item } from '#types/Item' export const GalleryView = ({ item }: { item: Item }) => { const [index, setIndex] = useState(-1) const appState = useAppState() - const images = item.gallery?.map((i, j) => { - return { + const images = + item.gallery?.map((i, j) => ({ src: appState.assetsApi.url + `${i.directus_files_id.id}.jpg`, width: i.directus_files_id.width, height: i.directus_files_id.height, index: j, - } - }) + })) ?? [] - if (!images) throw new Error('GalleryView: images is undefined') + if (images.length > 0) + return ( +
+ setIndex(current)} + /> - return ( -
- setIndex(current)} - /> - - = 0} close={() => setIndex(-1)} /> -
- ) + = 0} close={() => setIndex(-1)} /> +
+ ) + else return <> } diff --git a/src/Utils/MarkerIconFactory.ts b/src/Utils/MarkerIconFactory.ts index e6229fcd..1b1bcf35 100644 --- a/src/Utils/MarkerIconFactory.ts +++ b/src/Utils/MarkerIconFactory.ts @@ -71,6 +71,12 @@ const addIcon = (icon: string) => { return '' case 'cannabis': return '' + case 'steps': + return '' + case 'suitcase': + return '' + case 'offer': + return '' default: return '' } diff --git a/src/assets/css/leaflet.css b/src/assets/css/leaflet.css index 1092c697..5451da91 100644 --- a/src/assets/css/leaflet.css +++ b/src/assets/css/leaflet.css @@ -25,6 +25,10 @@ border-radius: var(--radius-box); } +.leaflet-popup-tip-container, .leaflet-popup-tip{ + border-radius: 0; +} + .leaflet-tooltip { background-color: var(--color-base-100); color: var(--color-base-content); diff --git a/src/assets/css/marker-icons.css b/src/assets/css/marker-icons.css index c69102d3..836c1ef0 100644 --- a/src/assets/css/marker-icons.css +++ b/src/assets/css/marker-icons.css @@ -115,4 +115,25 @@ top: -36px; left: 4px; width: 24px; +} + +.steps-icon { + position: relative; + top: -34px; + left: 4px; + width: 24px; +} + +.suitcase-icon { + position: relative; + top: -34px; + left: 4px; + width: 24px; +} + +.offer-icon { + position: relative; + top: -34.5px; + left: 4px; + width: 24px; } \ No newline at end of file