remove map in event detail page

public/build/manifest.json

@@ -1,16 +1,16 @@
 {
   "resources/assets/sass/app.scss": {
-    "file": "assets/app-D1C1uz9-.css",
+    "file": "assets/app-DGQVD7ts.css",
     "src": "resources/assets/sass/app.scss",
     "isEntry": true
   },
   "resources/css/app.css": {
-    "file": "assets/app-T-vJkXah.css",
+    "file": "assets/app-0WiwgC5K.css",
     "src": "resources/css/app.css",
     "isEntry": true
   },
   "resources/js/app.js": {
-    "file": "assets/app-D5b0vICU.js",
+    "file": "assets/app-zMTiivOj.js",
     "name": "app",
     "src": "resources/js/app.js",
     "isEntry": true,
@@ -93,7 +93,7 @@
     "isDynamicEntry": true
   },
   "resources/lang/php_en.json": {
-    "file": "assets/php_en-C5W-zMt1.js",
+    "file": "assets/php_en-CAgvVTnb.js",
     "name": "php_en",
     "src": "resources/lang/php_en.json",
     "isDynamicEntry": true

resources/js/components/EventDetail.vue

@@ -174,139 +174,6 @@
           </a>
         </div>
 
-        <div
-          ref="mapContainerRef"
-          class="w-full h-[520px] top-0 left-0 mb-6 rounded-lg overflow-hidden"
-        >
-          <div id="mapid" class="relative w-full h-full">
-            <div
-              style="z-index: 999"
-              id="map-controls"
-              class="flex absolute left-2 top-4 z-50 flex-col"
-            >
-              <!-- Minimize screen -->
-              <button
-                class="pb-2 group"
-                @click="handleToggleMapFullScreen(false)"
-              >
-                <svg
-                  width="40"
-                  height="40"
-                  viewBox="0 0 40 40"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <rect
-                    width="40"
-                    height="40"
-                    rx="8"
-                    class="fill-white transition-colors duration-300 group-hover:fill-[#1C4DA1]"
-                  />
-                  <path
-                    d="M13 20H27"
-                    class="stroke-[#414141] group-hover:stroke-[#ffffff]"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </button>
-
-              <!-- Full screen -->
-              <button
-                class="pb-2 group"
-                @click="handleToggleMapFullScreen(true)"
-              >
-                <svg
-                  width="40"
-                  height="40"
-                  viewBox="0 0 40 40"
-                  fill="none"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <rect
-                    width="40"
-                    height="40"
-                    rx="8"
-                    class="fill-white transition-colors duration-300 group-hover:fill-[#1C4DA1]"
-                  />
-                  <path
-                    class="stroke-[#414141] group-hover:stroke-[#ffffff]"
-                    d="M16 11H13C12.4696 11 11.9609 11.2107 11.5858 11.5858C11.2107 11.9609 11 12.4696 11 13V16M29 16V13C29 12.4696 28.7893 11.9609 28.4142 11.5858C28.0391 11.2107 27.5304 11 27 11H24M24 29H27C27.5304 29 28.0391 28.7893 28.4142 28.4142C28.7893 28.0391 29 27.5304 29 27V24M11 24V27C11 27.5304 11.2107 28.0391 11.5858 28.4142C11.9609 28.7893 12.4696 29 13 29H16"
-                    stroke-width="2"
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                  />
-                </svg>
-              </button>
-            </div>
-          </div>
-        </div>
-
-        <!-- from old page -->
-
-        <!-- <div class="mb-6">
-          <p class="p-0 mb-2 font-semibold text-slate-500">
-            {{ $t('eventdetails.organised_by') }}
-          </p>
-          <p class="text-[#20262C] font-normal p-0 mb-6">
-            {{ event.organizer }}
-            <span v-if="canApprove">
-              (<a :href="`mailto:${event.user_email}`">{{ event.user_email }}</a
-              >)
-            </span>
-          </p>
-        </div> -->
-
-        <!-- <div class="mb-6">
-          <p class="p-0 mb-2 font-semibold text-slate-500">
-            {{ $t('eventdetails.more_info') }}
-          </p>
-          <a
-            :href="event.event_url"
-            class="p-0 mb-6 font-normal text-dark-blue"
-          >
-            {{ event.event_url }}
-          </a>
-        </div> -->
-
-        <!-- <div v-if="event.tags?.length" class="mb-6">
-          <p class="p-0 mb-2 font-semibold text-slate-500">
-            {{ $t('eventdetails.tags') }}
-          </p>
-          <div class="flex flex-wrap gap-2">
-            <div
-              v-for="tag in event.tags"
-              class="flex gap-2 items-center px-4 py-1 bg-light-blue-100 rounded-full w-fit"
-            >
-              <p class="p-0 text-base font-semibold text-slate-500">
-                {{ tag.name }}
-              </p>
-            </div>
-          </div>
-        </div> -->
-
-        <!-- <div
-          v-if="canEdit && event.codeweek_for_all_participation_code"
-          class="mb-6"
-        >
-          <p class="p-0 mb-2 font-semibold text-slate-500">
-            {{ $t('event.codeweek_for_all_participation_code.title') }}:
-          </p>
-          <p class="text-[#20262C] font-normal p-0 mb-6">
-            {{ event.codeweek_for_all_participation_code }}
-          </p>
-        </div>
-
-        <div v-if="canEdit" class="mb-6">
-          <p class="p-0 mb-2 font-semibold text-slate-500">
-            {{ $t('event.last_update') }}:
-          </p>
-          <p class="text-[#20262C] font-normal p-0 mb-6">
-            {{ lastUpdateText }}
-          </p>
-        </div> -->
-
         <div>
           <p class="p-0 mb-2 font-semibold text-slate-500">
             Share activity on:
@@ -409,40 +276,6 @@ export default {
       }
     };
 
-    const handleLoadMap = () => {
-      const mapInstance = L.map('mapid');
-      L.tileLayer(props.mapTileUrl, {
-        maxZoom: 18,
-        attribution: '© <a href="https://www.mapbox.com/">Mapbox</a>',
-        tileSize: 512,
-        zoomOffset: -1,
-        zoomControl: false,
-      }).addTo(mapInstance);
-      mapInstance.setView([51, 10], 5);
-
-      let center = [51, 10];
-      if (props.event.latitude && props.event.longitude) {
-        center = [props.event.latitude, props.event.longitude];
-      }
-
-      const icon = L.icon({
-        iconUrl: '/images/marker-orange.svg',
-        iconSize: [44, 62],
-        iconAnchor: [22, 62],
-        popupAnchor: [0, -60],
-      });
-      L.marker(center, { icon }).addTo(mapInstance);
-      mapInstance.setView(center, 5);
-    };
-
-    onMounted(() => {
-      // document.addEventListener('leaflet-ready', () => {
-        setTimeout(() => {
-          handleLoadMap();
-        }, 2000);
-      // });
-    });
-
     return {
       activityFormatOptionsMap,
       eventAges,