From ec1f16b65aa731b868ab7343f9fe539aaae9202a Mon Sep 17 00:00:00 2001
From: tpart <tpart120@proton.me>
Date: Mon, 29 Apr 2024 20:11:46 +0200
Subject: Add icons to stop sharing / disable buttons

---
 client-web/public/assets/icons/close.svg | 1 +
 client-web/public/assets/icons/stop.svg  | 1 +
 client-web/source/resource/track.ts      | 3 ++-
 3 files changed, 4 insertions(+), 1 deletion(-)
 create mode 100644 client-web/public/assets/icons/close.svg
 create mode 100644 client-web/public/assets/icons/stop.svg

diff --git a/client-web/public/assets/icons/close.svg b/client-web/public/assets/icons/close.svg
new file mode 100644
index 0000000..d08e881
--- /dev/null
+++ b/client-web/public/assets/icons/close.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="#ffffff" d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"/></svg>
\ No newline at end of file
diff --git a/client-web/public/assets/icons/stop.svg b/client-web/public/assets/icons/stop.svg
new file mode 100644
index 0000000..6a3ff2a
--- /dev/null
+++ b/client-web/public/assets/icons/stop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="#ffffff" d="M320-320h320v-320H320v320ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"/></svg>
\ No newline at end of file
diff --git a/client-web/source/resource/track.ts b/client-web/source/resource/track.ts
index 6456c1e..75208d0 100644
--- a/client-web/source/resource/track.ts
+++ b/client-web/source/resource/track.ts
@@ -45,6 +45,7 @@ export const resource_track: ResourceHandlerDecl = {
                 this.el.removeChild(enable_button)
                 if (!(stream instanceof MediaStream)) return console.warn("expected mediastream");
                 this.el.append(e("button", {
+                    icon: "close",
                     class: ["topleft", "abort"],
                     onclick: (self) => {
                         disable()
@@ -66,7 +67,7 @@ export function new_local_track(info: ProvideInfo, stream: MediaStream, ...extra
     let room: Room;
 
     const el = e("div", { class: `media-${stream.getVideoTracks().length > 0 ? "video" : "audio"}` },
-        e("button", { class: ["abort", "topleft"], onclick: () => destroy() }, PO.stop_sharing),
+        e("button", { icon: "stop", class: ["abort", "topleft"], onclick: () => destroy() }, PO.stop_sharing),
         ...extra_controls
     );
 
-- 
cgit v1.2.3-70-g09d2