Merge develop

src/UI/Studio/EditItemButton.svelte

@@ -10,13 +10,14 @@
   export let info: { id: string; owner: number };
   export let category: "layers" | "themes";
   export let osmConnection: OsmConnection;
+  const dispatch = createEventDispatcher<{ layerSelected: string }>();
 
   let displayName = UIEventSource.FromPromise(
     osmConnection.getInformationAboutUser(info.owner)
   ).mapD((response) => response.display_name);
-
   let selfId = osmConnection.userDetails.mapD((ud) => ud.uid);
 
+
   function fetchIconDescription(layerId): any {
     if (category === "themes") {
       return AllKnownLayouts.allKnownLayouts.get(layerId).icon;
@@ -24,7 +25,6 @@
     return AllSharedLayers.getSharedLayersConfigs().get(layerId)?._layerIcon;
   }
 
-  const dispatch = createEventDispatcher<{ layerSelected: string }>();
 </script>
 
 <NextButton clss="small" on:click={() => dispatch("layerSelected", info)}>
@@ -33,12 +33,14 @@
   </div>
   <b class="px-1">{info.id}</b>
   {#if info.owner && info.owner !== $selfId}
-    {#if displayName}
+    {#if $displayName}
       (made by {$displayName}
       {#if window.location.host.startsWith("127.0.0.1")}
         - {info.owner}
       {/if}
       )
+    {:else }
+      ({info.owner})
     {/if}
   {/if}
 </NextButton>