From a58a991bcde4f288d32caf83cf203dd1a7ed2524 Mon Sep 17 00:00:00 2001
From: Wim Brand <wim@fornaxian.tech>
Date: Thu, 30 Jan 2025 00:07:36 +0100
Subject: [PATCH] Add share icon to compact view

---
 .../src/filesystem/filemanager/CompactView.svelte  | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/svelte/src/filesystem/filemanager/CompactView.svelte b/svelte/src/filesystem/filemanager/CompactView.svelte
index 0f2dc01..db927ad 100644
--- a/svelte/src/filesystem/filemanager/CompactView.svelte
+++ b/svelte/src/filesystem/filemanager/CompactView.svelte
@@ -1,6 +1,5 @@
 <script>
 import { createEventDispatcher } from "svelte";
-import { formatDataVolume } from "./../../util/Formatting.svelte";
 import { fs_encode_path, fs_node_icon } from "../FilesystemAPI.mjs"
 
 let dispatch = createEventDispatcher()
@@ -24,6 +23,15 @@ export let large_icons = false
 			<div class="node_name">
 				{child.name}
 			</div>
+			{#if child.id}
+				<a
+					href="/d/{child.id}"
+					on:click|preventDefault|stopPropagation={() => {dispatch("node_share_click", index)}}
+					class="button action_button"
+				>
+					<i class="icon" title="This file / directory is shared. Click to open public link">share</i>
+				</a>
+			{/if}
 		</a>
 	{/each}
 </div>
@@ -57,8 +65,10 @@ export let large_icons = false
 	background-color: var(--highlight_color) !important;
 	color: var(--highlight_text_color);
 }
-.node_icon {
+.node>* {
 	flex: 0 0 content;
+}
+.node_icon {
 	height: 2em;
 	width: 2em;
 	vertical-align: middle;